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.jscurl.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 富文本编辑器,创建虚拟鸟类的簇拥行为

如何使用模块化代码片段中的LeakCanary检测内存泄漏?

30秒就能看懂的JavaScript 代码片段

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)