js模組化的方法

CommonJS

• 在CommonJS中，有一個全域性方法require()，用來載入模組。 exports用於導出模組。

方法一：//被导入文件aa.jsmodule.exports = function() {
  alert('a');
};//主文件main.jsvar aa = require('./aa.js');
aa();

方法二：
　//被导入文件aa.jsmodule.exports = {
    a:function(){
         alert('a');
    },
    b:function(){
        alert('b');
    }
}//主文件main.js var greeter = require('./aa.js');
greeter.a();
greeter.b();

AMD規範

• 由於瀏覽器端的模組不能採用同步的方式加載，會影響後續模組的載入執行，因此AMD規範誕生了。適合在瀏覽器環境中非同步載入模組。

• 導入方法：require([module], callback);

• 匯出方法：define(id, [depends], callback);

CMD規格

• CMD規格和AMD很相似，盡量保持簡單，並與CommonJS和Node.js的Modules 規格保持了很大的兼容性。

ES6模組化方法

//被导入文件a.jsexport function bbb(){
    alert('bbb');
}
export function ccc(){
    alert('ccc');
}
export function ddd(){
    alert('ddd');
}//主文件main.jsimport * as b from './b.js';//导入所有内容import {bbb,ccc} from './b.js';//只导入需要的函数

以上是js模組化的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！