標籤：載入 port 實現 工具 code 介面 編程 匯出 query
1. CommonJS
- 用於服務端模組化編程，比如nodejs就採用此規範；
- 一個檔案就是一個模組，require方法用來載入模組，該方法讀取一個檔案並執行，最後返迴文件內部的module.exports對象；
- require是預設讀取.js檔案的，所以require(模組名)可以不寫尾碼；
- 同步載入，由於服務端載入的模組一般在本地，所以可以這樣；但是在客戶器端如果一個模組過大就會導致頁面“假死”；
- module.exports屬性工作表示當前模組對外輸出的介面，其他檔案載入該模組，實際上就是讀取module.exports變數；為了方便也可以用exports，exports指向module.exports；即exports = module.exports = {}
- exports.xxx相當於在匯出的對象上添加屬性，該屬性對調用模組可見；
- exports = 相當於給exports重新賦值，這樣就切斷了和module.exports的關聯，調用模組就不能訪問exports的對象及其屬性；
2. AMD
- 載入模組：require([module], function(module){})；
- 定義模組：define([module], function(module){})；module為相依模組；
- require.js（前端模組化管理的工具庫）實現js檔案的非同步載入，避免網頁失去響應；管理模組之間的依賴性，便於代碼的編寫和維護。
- 依賴前置，儘早的執行模依賴塊，執行順序不一定是先1後2；
- 載入非規範的模組
require.config({ baseUrl: "js/lib", paths: { "jquery": "jquery.min", "underscore": "underscore.min", "backbone": "backbone.min" }, shim: { ‘underscore‘:{ exports: ‘_‘ }, ‘backbone‘: { deps: [‘underscore‘, ‘jquery‘], exports: ‘Backbone‘ } }});// exports值（輸出的變數名），表明這個模組外部調用時的名稱；deps數組，表明該模組的依賴性
3. CMD
- define(function(require, exports, module){
var a = require(‘a‘);
a.foo();
};
- Sea.js
- 依賴就近，且在真正需要使用相依模組時才執行該模組，順序固定；
- AMD和CMD最大的區別是對相依模組的執行時機處理不同，而不是載入的時機或者方式不同，二者皆為非同步載入模組；
- AMD依賴前置，js可以方便知道相依模組是誰，立即載入；而CMD就近依賴，需要使用把模組變為字串解析一遍才知道依賴了那些模組
js模組化規範
