美文网首页
JavaScript模块化(ES6和CommonJS)

JavaScript模块化(ES6和CommonJS)

作者: 沙漠露珠绿洲 | 来源:发表于2017-12-24 20:22 被阅读19次

参考:

  1. http://es6.ruanyifeng.com/#docs/module
    2.http://www.ruanyifeng.com/blog/2015/05/require.html
    3.http://blog.csdn.net/a409051987/article/details/54747512

JS模块的标准主要有三种:ES6,CommonJS和AMD ,后两种是社区制定。
关于加载方式:ES6的原则是尽量地静态化,是在编译是加载的,而后两种是在运行是加载的,ES6的动态加载是用import()来能实现的。

标准有三种,语法有点像,所以用起来难免会混淆,这里总结一下。主要是ES6和NodeJS实现的CommonIS标准两种。

先来比较一下两种的原理:ES6导出的是接口,而CommonJS导出的是对象,在NodeJS看来,每个模块都是Module的一个实例,Module是一个构造函数(Module的具体解释,还是要看看参考2),而exports是实例的一个属性,事实上导出的东西就是这个exports。

然后是语法:

ES6 的两个命令是import、export
导入和导出需要按照接口一一对应,除export default(匿名导出)

image.png

CommJS的命令是exports(module.exports)、require
//导入的是对象


image.png

还需要更新例子,下次继续

相关文章

  • javascript模块化比较

    当前有以下几种JavaScript模块化开发方式: 标签 CommonJS AMD and 其他 ES6 modu...

  • JS模块化

    模块化规范:CommonJS,AMD,CMD,UMD,ES6 Module CommonJS CommonJS是服...

  • SystemJS笔记

    简介 JavaScript模块化有一些规范,如CommonJS、AMD、CMD、ES6 Module,可以看看这篇...

  • ES6模块化

    模块化技术有哪些:- CommonJS(nodejs)、ES6模块化、AMD、CMD等 CommonJS:Comm...

  • 如何在项目中使用webapck

    随着ES6的推进,从以往的CommonJS和AMD。到如今ES6中的module方案,前端模块化越来越成熟,模块化...

  • webpack基础

    模块化 CommonJS CommonJS是一种使用广泛的 JavaScript模块化规范,核心思想是通过 req...

  • 前端技能点

    使用过webpack2.0+ 掌握ES6语法 ES6和CommonJS的模块化规范 知道npm和babel的使用 ...

  • 2019-12-12 模块化

    阮一峰 commonjs ES6 的模块化 export 和 export default 的区别 export导...

  • js模块化规范

    一、js模块化1、模块化规范: script CommonJS AMD CMD ES6 modules 2、scr...

  • ES6 与 commonjs

    ES6 ECMAScript 6 是新版本javascript语言的标准 CommonJS commonjs 是一...

网友评论

      本文标题:JavaScript模块化(ES6和CommonJS)

      本文链接:https://www.haomeiwen.com/subject/qqygixtx.html