ES6模块和CommonJS、AMD本质区别思考

CommonJS和AMD本质上是用一个全局变量定义了一个命名空间this

以sea.js为例,各个模块输出一个对象,而后这个对象挂载在seajs.cache属性下,各个模块做为一个对象存在。spa

而ES6模块则不是,模块未被引用时,不会存在该模块对象。对象

CommonJS和AMD是运行时加载,ES6模块是编译时加载编译

这个区别能解释上一个区别,这也是两者区别最本质的根源。seajs

CommonJS和AMD要加载一个模块必须先让模块执行(查看网路能看到加载对应的js文件),而ES6在编译时就完成了加载。变量

this关键字的区别命名空间

ES6模块中顶层this指向undefined;引用

CommonJS和AMD中顶层this指向模块自己;命名

相关文章
相关标签/搜索