首页  >  文章  >  web前端  >  js模块化的方法

js模块化的方法

一个新手
一个新手原创
2017-09-20 09:26:541403浏览


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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn