一、官方解释
因为SeaJs和Nodejs都是基于CommonJS,所以直接看的Node的官方文档解释 Module.exports The module.exports object is created by the Module system. Sometimes this is not acceptable; many want their module to be an instance of some class. To do this, assign the desired export object to module.exports. Note that assigning the desired object to exports will simply rebind the local exports variable, which is probably not what you want to do. module.exports对象是由模块系统创建的。 有时这是难以接受的;许多人希望他们的模块成为某个类的实例。 为了实现这个,需要将期望导出的对象赋值给module.exports。 注意,将期望的对象赋值给exports会简单地重新绑定到本地exports变量上,这可能不是你想要的。
exports
The exports variable is available within a module's file-level scope, and is assigned the value of module.exports before the module is evaluated. It allows a shortcut, so that module.exports.f = ... can be written more succinctly as exports.f = .... However, be aware that like any variable, if a new value is assigned to exports, it is no longer bound to module.exports: 译文:exports变量是在模块的文件级别作用域内有效的,它在模块被执行前被赋于 module.exports 的值。它有一个快捷方式,以便 module.exports.f = ... 可以被更简洁地写成exports.f = ...。 注意,就像任何变量,如果一个新的值被赋值给exports,它就不再绑定到module.exports(其实是exports.属性会自动挂载到没有命名冲突的module.exports.属性)
require
从require导入方式去理解,关键有两个变量(全局变量module.exports
,局部变量exports
)、一个返回值(module.exports
)
function require(...) { var module = { exports: {} }; ((module, exports) => { // 你的被引入代码 Start // var exports = module.exports = {}; (默认都有的) function some_func() {}; exports = some_func; // 此时,exports不再挂载到module.exports, // export将导出{}默认对象 module.exports = some_func; // 此时,这个模块将导出some_func对象,覆盖exports上的some_func // 你的被引入代码 End })(module, module.exports); // 不管是exports还是module.exports,最后返回的还是module.exports return module.exports; }
二、Demo事例
事例一:1.js
console.log(exports); // {} console.log(module.exports); // {} console.log(exports === module.exports); // true console.log(exports == module.exports); // true /** Module { id: '.', exports: {}, parent: null, filename: '/1.js', loaded: false, children: [], paths: [ '/node_modules' ] } */ console.log(module);
从事例一中,可以看出来
1.每个js文件一创建,都有一个var exports = module.exports = {};
,使exports
和module.exports
都指向一个空对象。
2.module
是全局内置对象,exports
是被var
创建的局部对象。
3.module.exports
和exports
所指向的内存地址相同
事例二:2.js、3.js
// 2.js exports.id = 'exports的id'; exports.id2 = 'exports的id2'; exports.func = function(){ console.log('exports的函数'); }; exports.func2 = function() { console.log('exports的函数2'); }; module.exports = { id: 'module.exports的id', func:function(){ console.log('module.exports的函数'); } };
// 3.js var a = require('./2.js'); // 当属性和函数在module.exports都有定义时: console.log(a.id); // module.exports的id console.log(a.func()); // module.exports的函数 // 当属性在module.exports没有定义,函数在module.exports有定义 console.log(a.id2); // undefined console.log(a.func()); // module.exports的函数 // 当函数在module.exports没有定义,属性在module.exports有定义 console.log(a.id); // module.exports的id console.log(a.func2()); // 报错了 TypeError: a.func2 is not a function
由例二可以知道:
1.module.exports
像是exports
的大哥,当module.exports
以{}
整体导出时会覆盖exports
的属性和方法,
2.注意,若只是将属性/方法挂载在module.exports./exports.
上时,exports.id=1
和module.exports.id=100
,module.exports.id=function(){}
和exports.id=function(){}
,最后id的值取决于exports.id
和module.exports.id
的顺序,谁在后,就是最后的值
3.若exports
和module.exports
同时赋值时,exports
所使用的属性和方法必须出现在module.exports
,若属性没有在module.exports
中定义的话,出现undefined
,若方法没有在module.exports
中定义,会抛出TypeError
错误。
例三 4.js、5.js
module.exports
的对象、prototype
、构造函数使用
// 4.js var a = require('./5.js'); // 若传的是类,new一个对象 var person = new a('Kylin',20); console.log(person.speak()); // my name is Kylin ,my age is 20 // 若不需要在构造函数时初始化参数,直接调用方法/属性 // a.speak(); // my name is kylin ,my age is 20
// 5.js // Person类 function Person(name,age){ this.name = name; this.age = age; } // 为类添加方法 Person.prototype.speak = function(){ console.log('my name is '+this.name+' ,my age is '+this.age); }; // 返回类 module.exports = Person; // 若构造函数没有传入参数(name,age),直接传入对象 // module.exports = new Person('kylin',20);
说了这么多,其实建议就是,如果只是单一属性或方法的话,就使用exports.
属性/方法。要是导出多个属性或方法或使用对象构造方法,结合prototype
等,就建议使用module.exports = {}
。文章有很多地方描述的可能不是很准确,提到的点也不够全面,如果有不对的地方,还望斧正!
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新日志
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]