来源:https://www.cnblogs.com/gwf93/p/10278771.html “CommonJS模块规范”和“ES6模块规范”完全是两种不同的概念 一、CommonJS模块规范 “Node应用”由模块组成,采用“CommonJS模块规范”。根据这个规范,每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。CommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即module.exports)是对外的接口,为了方便,Node为每个模块提供一个exports变量,指向module.exports。这等同在每个模块头部,有一行这样的命令: var exports = module.exports;不能直接将exports变量指向一个值,因为这样等于切断了exports与module.exports的联系。加载某个模块,其实是加载该模块的module.exports属性。require方法用于加载模块,var example = require('./example.js')。 var value = "this a value"; var myFunction = function (key) { return key + value; }; module.exports.value = value; module.exports.myFunction = myFunction; 通过module.exports输出变量value和函数myFunction。 在一些框架的源代码中, 用exports.Router = Router 即 module.exports.Router = Router;表示真实模块的输出 用global.ReactRouter = { }替代exports 即 global.ReactRouter.Router = Router 即 this.ReactRouter.Router = Router;表示模拟模块的输出。 二、ES6模块规范 不同于CommonJS,ES6使用 export 和 import 来导出、导入模块。 var value = "this a value"; var myFunction = function (key) { return key + value; }; export { value, myFunction }; export 命令规定的是对外的接口,必须与模块内部的变量建立一一对应关系。 export default 命令,为模块指定默认输出。 import { value, myFunction } from './api'
183、CommonJS模块和ES6模块
猜你喜欢
转载自www.cnblogs.com/gushixianqiancheng/p/12366745.html
今日推荐
周排行