分析模塊化的JavaScript開發的優勢在哪裡？

如今模塊化的 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>