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 指向当前模块
    }

最新文章

  1. redis 参考文章
  2. linux挂着U盘和光盘
  3. SQL Server内存理解的误区
  4. Android后台保活实践总结:即时通讯应用无法根治的“顽疾”
  5. jQuery Form 表单提交插件-----formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的 应用
  6. C#引用类型详细剖析(转)
  7. Android开发之获取系统版本号
  8. Java多线程编程总结(学习博客)
  9. jsp页面在IE8下文本模式自动为“杂项(Quirks)”导致页面显示错位
  10. ionic list item-radio checked
  11. php_常用操作_读取文件_数据库操作
  12. sprinfmvc学习--01
  13. IntelliJ IDEA配置Tomcat和Lombok
  14. mybatis ResultMap详解
  15. CMMI三个过程域的流程及达到特定目标、共性目标的要求(RD需求管理过程,PI产品集成过程,TS技术解决方案)
  16. canvas绘制简易动画
  17. entry points
  18. Python+Selenium学习--下拉框处理
  19. Java 与C++区别:复写(override)
  20. 大数据入门第二十二天——spark(一)入门与安装

热门文章

  1. Leetcode 79
  2. O(logn)二叉树中的意义----高性能(四)
  3. Awk 从入门到放弃(3) —- 内置变量
  4. ZOJ 3829 Known Notation 贪心 难度:0
  5. 关于C++静态成员函数访问非静态成员变量的问题
  6. tomcat的简单配置与适用默认的web应用
  7. 201621123010《Java程序设计》第9周学习总结
  8. SharePoint Word Service-PowerShell
  9. define 常量的定义和读取
  10. layer弹出相册层