183、CommonJS模块和ES6模块

来源: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'

猜你喜欢

转载自www.cnblogs.com/gushixianqiancheng/p/12366745.html