首頁 > web前端 > js教程 > js模組化的方法

js模組化的方法

一个新手
發布: 2017-09-20 09:26:54
原創
1459 人瀏覽過


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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板