方法一://被导入文件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模块化的方法的详细内容。