ES6模块化与CommonJS模块化

ES6模块化

  • 代表:Vue
  • 语法:
    • 导入:import xxx from、import {xxx} from
    • 导出:export、export default
  • 特点:
      1. this指向undefined
      1. 编译时输出接口
      1. 可以单独加载其中的某个接口(方法)
      1. 静态分析,动态引用。输出的是值的引用

CommonJS模块化

  • 代表:node.js
  • 语法:
    • 导入:require()
    • 导出:module.exports、exports
  • 特点:
      1. this 指向当前模块
      1. 运行时加载。CommonJS脚本代码在require的时候,就会全部执行。一旦出现某个模板被“循环加载”,就只能输出已经执行的部分,还未执行的部分不会输出。
      1. 加载的是整个模块,即将所有的接口全部加载进来。
      1. 输出的是一个值的拷贝
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ES6模块机制 commonjs 在node环境下跑 ES6 esModule 前段使用为主 webpack co...
    叶戏尘阅读 836评论 0 2
  • 模块通常是指编程语言所提供的代码组织机制,利用此机制可将程序拆解为独立且通用的代码单元。所谓模块化主要是解决代码分...
    MapleLeafFall阅读 1,193评论 0 0
  • 上一章介绍了模块的语法,本章介绍如何在浏览器和 Node 之中加载 ES6 模块,以及实际开发中经常遇到的一些问题...
    emmet7life阅读 2,817评论 0 1
  • 绿度母即二十一尊度母之一,此尊现少女相,全身绿色,一面二臂,现慈悲相。头戴五佛宝冠,身佩各种珠宝,着各色天衣,下身...
    yuyu的时光旅行阅读 3,117评论 0 0
  • 我是个不善言辞的人,对于陌生人更甚。今天第一天下市场调查,给我最大的感受是不仅要敢于和陌生人沟通还需讲究说话的技巧...
    珍珍_91ec阅读 169评论 0 0