七、子產品的規範
先想一想，為什麼子產品很重要？
因為有了子產品，我們就可以更友善地使用别人的代碼，想要什麼功能，就加載什麼子產品。
但是，這樣做有一個前提，那就是大家必須以同樣的方式編寫子產品，否則你有你的寫法，我有我的寫法，豈不是亂了套！考慮到javascript子產品現在還沒有官方規範，這一點就更重要了。
八、commonjs
這标志"javascript子產品化程式設計"正式誕生。因為老實說，在浏覽器環境下，沒有子產品也不是特别大的問題，畢竟網頁程式的複雜性有限；但是在伺服器端，一定要有子產品，與作業系統和其他應用程式互動，否則根本沒法程式設計。
var math = require('math');
然後，就可以調用子產品提供的方法：
math.add(2,3); // 5
因為這個系列主要針對浏覽器程式設計，不涉及node.js，是以對commonjs就不多做介紹了。我們在這裡隻要知道，require()用于加載子產品就行了。
九、浏覽器環境
有了伺服器端子產品以後，很自然地，大家就想要用戶端子產品。而且最好兩者能夠相容，一個子產品不用修改，在伺服器和浏覽器都可以運作。
但是，由于一個重大的局限，使得commonjs規範不适用于浏覽器環境。還是上一節的代碼，如果在浏覽器中運作，會有一個很大的問題，你能看出來嗎？
math.add(2, 3);
第二行math.add(2, 3)，在第一行require('math')之後運作，是以必須等math.js加載完成。也就是說，如果加載時間很長，整個應用就會停在那裡等。
這對伺服器端不是一個問題，因為所有的子產品都存放在本地硬碟，可以同步加載完成，等待時間就是硬碟的讀取時間。但是，對于浏覽器，這卻是一個大問題，因為子產品都放在伺服器端，等待時間取決于網速的快慢，可能要等很長時間，浏覽器處于"假死"狀态。
是以，浏覽器端的子產品，不能采用"同步加載"（synchronous），隻能采用"異步加載"（asynchronous）。這就是amd規範誕生的背景。
十、amd
amd也采用require()語句加載子產品，但是不同于commonjs，它要求兩個參數：
require([module], callback);
第一個參數[module]，是一個數組，裡面的成員就是要加載的子產品；第二個參數callback，則是加載成功之後的回調函數。如果将前面的代碼改寫成amd形式，就是下面這樣：
require(['math'], function (math) { math.add(2, 3); });
math.add()與math子產品加載不是同步的，浏覽器不會發生假死。是以很顯然，amd比較适合浏覽器環境。