創(chuàng)建/引用module
你可以用它創(chuàng)建你的模塊浙踢。例如:(假設(shè)這是rocker.js文件)
exports.name = function() {
console.log('my name is cp');
}
在另一個(gè)文件中引用rocker.js
var rocker = require('./rocker.js');
rocker.name(); // my name is cp
先來(lái)看一個(gè)例子
var a = {name: 1};
var b = a;
console.log(a);
console.log(b);
b.name = 2;
console.log(a);
console.log(b);
var b = {name: 3};
console.log(a);
console.log(b);
// 運(yùn)行輸出結(jié)果為:
// { name: 1 }
// { name: 1 }
// { name: 2 }
// { name: 2 }
// { name: 2 }
// { name: 3 }
a 是一個(gè)對(duì)象绢慢,b 是對(duì) a 的引用,即 a 和 b 指向同一塊內(nèi)存洛波,所以前兩個(gè)輸出一樣胰舆。當(dāng)對(duì) b 作修改時(shí),即 a 和 b 指向同一塊內(nèi)存地址的內(nèi)容發(fā)生了改變蹬挤,所以 a 也會(huì)體現(xiàn)出來(lái)缚窿,所以第三四個(gè)輸出一樣。當(dāng) b 被覆蓋時(shí)闻伶,b 指向了一塊新的內(nèi)存滨攻,a 還是指向原來(lái)的內(nèi)存够话,所以最后兩個(gè)輸出不一樣。
module.exports和exports到底是什么光绕?
其實(shí)女嘲,Module.exports才是真正的接口,exports只不過(guò)是它的一個(gè)輔助工具诞帐⌒滥幔 最終返回給調(diào)用的是Module.exports而不是exports。
所有的exports收集到的屬性和方法停蕉,都賦值給了Module.exports愕鼓。當(dāng)然,這有個(gè)前提慧起,就是Module.exports本身不具備任何屬性和方法菇晃。如果,Module.exports已經(jīng)具備一些屬性和方法蚓挤,那么exports收集來(lái)的信息將被忽略磺送。
修改rocker.js如下:
module.exports = 'ROCK IT!';
exports.name = function() {
console.log('my name is cp');
}
再次引用執(zhí)行rocker.js
var rocker = require('./rocker.js');
rocker.name();
出現(xiàn)報(bào)錯(cuò):rocker.name is not a function
- rocker模塊忽略了exports收集的name方法,返回了一個(gè)字符串“ROCK IT!”灿意。由此可知估灿,你的模塊并不一定非得返回“實(shí)例化對(duì)象”。你的模塊可以是任何合法的javascript對(duì)象--boolean, number, date, JSON, string, function, array等等缤剧。
- 你的模塊可以是任何你設(shè)置給它的東西馅袁。如果你沒(méi)有顯式的給module.exports設(shè)置任何屬性和方法,那么你的模塊就是exports設(shè)置給module.exports的屬性荒辕。
結(jié)論:
- module.exports 初始值為一個(gè)空對(duì)象 {}
- exports 是指向的 module.exports 的引用
- require() 返回的是 module.exports 而不是 exports
用兩個(gè)例子來(lái)解析
例子1:
下面例子中汗销,你的模塊是一個(gè)類(lèi):
module.exports = function(name, age) {
this.name = name;
this.age = age;
thisl.about = function() {
console.log(this.name + 'is' + this.age + 'years old');
};
};
你可以這樣引用它:
var Rocker = require('./rocker.js');
var r = new Rocker('Ozzy', 62);
r.about(); // Ozzy is 62 years old
例子2:
下面例子中,你的模塊是一個(gè)數(shù)組:
module.exports = ['Lemmy Kilmister', 'Ozzy Osbourne', 'Ronnie James Dio', 'Steven Tyler', 'Mick Jagger'];
你可以這樣引用它:
var rocker = require('./rocker.js');
console.log('Rockin in heaven: ' + rocker[2]); // Rocking in heaven: Ronnie James Dio
什么時(shí)候用exports抵窒?什么時(shí)候用module.exports大溜?
從以上兩個(gè)例子,我們可以總結(jié)出:
- 如果你想你的模塊是一個(gè)特定的類(lèi)型就用Module.exports估脆。
- 如果你想的模塊是一個(gè)典型的“實(shí)例化對(duì)象”就用exports。
給module.exports添加屬性類(lèi)似于給exports添加屬性座云,例如:
module.export.name = function() {
console.log('my name is cp');
}
同樣疙赠,exports是這樣的
exports.name = function() {
console.log('my name is cp');
}
注意: 這兩種結(jié)果并不相同。前面已經(jīng)提到module.exports是真正的接口朦拖,exports只不過(guò)是它的輔助工具圃阳。推薦使用exports導(dǎo)出,除非你打算從原來(lái)的“實(shí)例化對(duì)象”改變成一個(gè)類(lèi)型璧帝。