module.exports与exports,export与export default之间的关系和区别
来源:互联网 发布:终极算法 pdf 编辑:程序博客网 时间:2024/05/29 18:53
首先我们要明白一个前提,CommonJS模块规范和ES6模块规范完全是两种不同的概念。
CommonJS模块规范
Node应用由模块组成,采用CommonJS模块规范。
根据这个规范,每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。
CommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即module.exports)是对外的接口。加载某个模块,其实是加载该模块的module.exports属性。
var x = 5;var addX = function (value) { return value + x;};module.exports.x = x;module.exports.addX = addX;
上面代码通过module.exports输出变量x和函数addX。
require方法用于加载模块。
var example = require('./example.js');console.log(example.x); // 5console.log(example.addX(1)); // 6
exports 与 module.exports
为了方便,Node为每个模块提供一个exports变量,指向module.exports。这等同在每个模块头部,有一行这样的命令。
var exports = module.exports;
于是我们可以直接在 exports 对象上添加方法,表示对外输出的接口,如同在module.exports上添加一样。注意,不能直接将exports变量指向一个值,因为这样等于切断了exports与module.exports的联系。
ES6模块规范
不同于CommonJS,ES6使用 export 和 import 来导出、导入模块。
// profile.jsvar firstName = 'Michael';var lastName = 'Jackson';var year = 1958;export {firstName, lastName, year};
需要特别注意的是,export命令规定的是对外的接口,必须与模块内部的变量建立一一对应关系。
// 写法一export var m = 1;// 写法二var m = 1;export {m};// 写法三var n = 1;export {n as m};
export default 命令
使用export default命令,为模块指定默认输出。
// export-default.jsexport default function () { console.log('foo');}
相关链接:
CommonJS规范,http://javascript.ruanyifeng.com/nodejs/module.html
ES6 Module 的语法,http://es6.ruanyifeng.com/#docs/module
See: http://www.cnblogs.com/fayin/p/6831071.html
- module.exports与exports,export与export default之间的关系和区别
- exports与module.exports、export与export default的关系
- module.exports | exports | export | export default的区别
- module.exports,exports,export和export default,import与require相同点与不同点
- js module.exports 与 export default
- module.export exports的区别
- Vue 中 export default 和 module.exports
- module.exports与exports的关系和区别
- module.exports、exports、require、export、import的关系
- exportfs 与export、exports
- module exports 和export.xx的使用
- Node.js Module – exports 和module.exports之间的联系与区别
- module.exports与exports的区别
- module.exports 与 exports的区别
- exports与module.exports的区别
- module.exports与exports的区别
- require/exports和import/export的区别
- module.export and exports
- [网络流24题] 分配问题
- 几个坑,备注一下,
- AngularJs的UI组件ui-Bootstrap分享(四)——Datepicker Popup
- C++ 运算符重载和拷贝构造
- Proiect Euler problem 4 : Largest palindrome product
- module.exports与exports,export与export default之间的关系和区别
- [Qt] 我的一款射击游戏及设计模式
- MapReducer优化
- 动态规划题型总结
- BigDecimal保留两位小数及格式化成百分比
- nginx模块解析
- swift get、set、willSet和didSet
- Linked List Cycle II
- Android 7.0 行为变更 通过FileProvider在应用间共享文件吧