JavaScript模块化
Posted 阿琼的学习笔记
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript模块化相关的知识,希望对你有一定的参考价值。
1.commonjs
var math = require(‘math‘);
math.add(2,3); // 5
应用会停止并等待加载
2.AMD
AMD是"Asynchronous Module Definition"的缩写
它采用异步方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。
require([module], callback);
require([‘math‘], function (math) {
math.add(2, 3);
});
有两个javascript库实现了AMD规范:require.js和curl.js
以上来自http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html
3.es6的module
import { stat, exists, readFile } from ‘fs‘;
export {firstName, lastName, year};
参考:http://es6.ruanyifeng.com/#docs/module
以上是关于JavaScript模块化的主要内容,如果未能解决你的问题,请参考以下文章
VSCode自定义代码片段12——JavaScript的Promise对象
JS周刊#405 - 精通模块化 JS,Parcel 1.10.0 发布,Trix 1.0 富文本编辑器,创建虚拟鸟类的簇拥行为