前言
import ,export default,export遵循 es6 制定的规范
require, module.exports,exports遵循commonjs 制定规范
注意事项
- module.exports / exports: 只有 node 支持的导出
- require: node 支持的引入【项目能直接使用是因为经过wbp的处理】
- export / import : 只有es6 支持的导出引入
什么是 ES6 规范和CommonJS规范
ES6 规范(ECMAScript 6.0)
- 背景了解:
- JavaScript 的创造者网景公司将 JS 提交给国际化标准组织 ECMA),希望这种语言能够成为国际标准,随后 ECMA
发布了规定浏览器脚本语言的标准,即 ECMAScript。这也有利于这门语言的开放和中立。 - 在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种。前者用于服务器,后者用于浏览器。ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案
- 说白了实际就是js的规范,遵循游览器运行即可
export 和 export default区别
- export与export default均可用于导出常量、函数、文件、模块等
- 在一个文件或模块中,export、import可以有多个,export default仅有一个
- 通过export方式导出,在导入时要加{ },export default则不需要
- export能直接导出变量表达式,export default不行。
CommonJS规范
- Node里面的模块系统遵循的是CommonJS规范;
- CommonJS定义的模块分为: 模块标识(module)、模块定义(exports) 、模块引用(require)
结束语
大大没贴案例,为啥呢,因为懒哈哈,主要帮助自己理解,嘿嘿;
如果需要的话,留言后期更新写文章,感谢大家的支持~