js模块化的方法

来源：动视网责编：小采时间：2020-11-27 20:13:03

js模块化的方法

js模块化的方法:CommonJS在CommonJS中，有一个全局性方法require()，用于加载模块。exports用于导出模块。方法一：//被导入文件aa.jsmodule.exports = function() { alert('a'); };//主文件main.jsvar aa = require('./

推荐度：

点击下载本文 文档为doc格式

导读js模块化的方法:CommonJS在CommonJS中，有一个全局性方法require()，用于加载模块。exports用于导出模块。方法一：//被导入文件aa.jsmodule.exports = function() { alert('a'); };//主文件main.jsvar aa = require('./

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';//只导入需要的函数