es6模块与 commonJS规范的区别-蒲公英云

es6模块与 commonJS规范的区别

清疚 2022-09-16 13:26 335阅读 0赞

文章转载自：https://www.jianshu.com/p/16af8b54384a

commomJS模块：
1、获得的是缓存值，是对模块的拷贝
2、可以对commomJS模块重新赋值
3、可以对对象内部的值进行改变

es6模块：
1、获得的是时时的值，是对模块的引用
2、对es6模块重新赋值会报错
3、可以对对象内部的值进行改变

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