ES6 模块化与 CommonJS 模块化

2023-05-06,,

ES6 模块化

import命令用于输入其他模块提供的功能;export命令用于规定模块的对外接口。
export 可以有多个,export default 仅有一个

a.js 模块a文件 导出多个方法
export function getCookie(key) {
...
} export function setCookie(key) {
...
} b.js 引入模块并使用
import { getCookie, setCookie } from './a';
a.js default关键字只导出一个方法或对象
export default {
info(content) {
...
},
error(content) {
...
},
};

CommonJS 模块化

Node 应用由模块组成,采用 CommonJS 模块规范。

每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。

虽然定义的变量、函数、类,都是私有的,但是如果在某个对象的prototype扩展了方法,还是会影响使用整个全局使用的作用域中的。下面示例。

c.js c模块
const c = ['我是c'];
c.log('c');
export default c; b.js b模块
Array.prototype.log = function (p) {
console.log('test>>'+p);
}
const b = ['我是b'];
export default b; a.js a模块
import bb from './b'; //如果在c模块之前没有使用b模块,c模块中是无法是用原型上扩展的方法的,抛出错误
import cc from './c';
const aa = ['我是a'];
aa.log('a');
bb.log('b');

ES6 模块化与 CommonJS 模块化的相关教程结束。

《ES6 模块化与 CommonJS 模块化.doc》

下载本文的Word格式文档,以方便收藏与打印。