commonJS模块规范 和 es6模块规范 区别

ES6 模块与 CommonJS 模块的差异

  1. CommonJS 模块输出的是一个值的拷贝,ES6 模块输出的是值的引用。
  2. CommonJS 模块是运行时加载,ES6 模块是编译时输出接口。
  3. CommonJS 加载的是一个对象(即module.exports属性),该对象只有在脚本运行完才会生成。而 ES6 模块不是对象,它的对外接口只是一种静态定义,在代码静态解析阶段就会生成。
  • 在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种。前者用于服务器,后者用于浏览器。ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案。
    ES6 模块的设计思想,是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。CommonJS 和 AMD 模块,都只能在运行时确定这些东西。比如,CommonJS 模块就是对象,输入时必须查找对象属性。

  • commonJS 和 es6模块化 区别:
    es6 {
      export : '可以输出多个,输出方式为 {}' ,
      export default : ' 只能输出一个 ,可以与export 同时输出,但是不建议这么做',
      解析阶段确定对外输出的接口,解析阶段生成接口,
      模块不是对象,加载的不是对象,
      可以单独加载其中的某个接口(方法),
      静态分析,动态引用,输出的是值的引用,值改变,引用也改变,即原来模块中的值改变则该加载的值也改变,
      this 指向undefined
    }
    commonJS {
      module.exports = ... : '只能输出一个,且后面的会覆盖上面的' ,
      exports. ... : ' 可以输出多个',
      运行阶段确定接口,运行时才会加载模块,
      模块就是对象,加载的是该对象,
      加载的是整个模块,即将所有的接口全部加载进来,
      输出的是值的拷贝,即原来模块中的值改变不会影响已经加载的该值,
      this 指向当前模块
    }

posted on 2017-08-23 17:27  cag2050  阅读(1576)  评论(0编辑  收藏  举报

导航