如今模块化的 JavaScript 的开发越来越火热，无论是模块加载器还是优秀的 JavaScript 模块，都是层出不穷。既然这么火，肯定是有存在的理由，肯定是解决了某些实际问题。很多没接触过模块化 JavaScript 开发者不禁要问，我真的需要模块化吗，模块化相比于传统的模式有什么优势？

JavaScript 本身是没有模块化支持的，很多语言多有，就连CSS都有这样的加载方式。

@import "fed.css";

虽然因为性能问题不推荐CSS这样来进行加载，但这是一种模块化的思想，这种思想对于 JavaScript 来说很有用。幸好JavaScript是一门灵活的语言，可以通过下面这段代码来进行动态加载 JavaScript 文件。

var script = document.createElement( 'script' ),
    head = document.head;

script.src = 'http://example.com/test.js';
script.async = 'async';
head.insertBefore( script, head.firstChild );

传统的加载方式必须在页面中放置一个 script 标签来进行加载。

<script type="text/javascript" src="http://example.com/test.js"></script>