zoukankan      html  css  js  c++  java
  • 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 指向当前模块
      }

  • 相关阅读:
    【持续更新】leetcode算法-数组篇
    【转】敏捷开发之Scrum扫盲篇
    设计Twitter的api
    给一个表达式字符串加括号,计算它的所有的可能的值
    判断一个整数是否是平方数
    Spring Cloud 入门教程(七): 熔断机制 -- 断路器
    断路器(Curcuit Breaker)模式
    Spring Cloud 入门教程(六): 用声明式REST客户端Feign调用远端HTTP服务
    Spring Cloud 入门教程(五): Ribbon实现客户端的负载均衡
    Spring Cloud 入门教程(四): 分布式环境下自动发现配置服务
  • 原文地址:https://www.cnblogs.com/cag2050/p/7419258.html
Copyright © 2011-2022 走看看