這篇文章本來是想模塊導入導出和事件循環一起寫的,但是感覺一起寫的話會太長了,所以就分開兩篇文章寫吧。下一篇會重點介紹一下js中的事件循環,js代碼到底是以何種順序去執行的呢?我相信你看懂了事件循環再去看node對你的幫助是非常大的。
講模塊系統之前先認識一下node.js中的全局對象。
node.js的全局對象
眾所周知的是在瀏覽器中的老大哥是誰,它就是window,this指向的也是window,那么在node中的全局對象就不是window了,而是global,可以在命令行中去看一下,想學習node的應該已經安裝了node環境,如果還沒有安裝可以去node中文網去找到你對應的操作系統和版本去下載,如果node命令不是全局還需要配置一下環境變量,現在window操作系統安裝上node之后應該就自動配置完成了。
打開命令行,輸入 node 回車,然后輸入 this 或者global就可以看到全局對象。你會看到好多東西,但是他比window對象是少太多太多了。
在JavaScript中,使用script標簽去引入js文件的話,那么在js文件中的全局變量都會掛載到window對象下面,在各個文件中都可以共享它那個變量,比如jQuery,你引入了一個jQuery文件,那么在其它的文件當中,你是可以訪問到$這個變量的。
而在node.js中是如何實現文件之間的的引入呢,就不得不提及到commonjs了。
common.js
CommonJs是一種規范,Node.js就是這種規范的實現。
引入模塊require
全局變量在所有模塊中均可使用。講道理我們理解的require就是一個全局變量, 但是官方文檔說的是此變量雖然看起來像全局變量,但實際上不是。 它們的作用域只在模塊內。那我也不管它了,它的實現大概也就是像那種在文件中的一個函數把require傳進來,像下面這樣。
具體的講解:CommonJs模塊規范,我們知道每個模塊文件中存在着require、exports、module這3個變量,但是它們在模塊文件中並沒有定義,那么從何而來呢?甚至在Node的API文檔中我們知道每個模塊中還有__filename、__dirname這兩個變量的存在,它們又是從何而來的呢?
事實上,在編譯的過程中,Node.js對獲取的JavaScript文件內容進行了頭尾包裝。在頭部添加了(function(exports,require,module,__filename,__dirname){\n,在尾部添加了\n});一個正常的JavaScript文件被包裝成了如下的樣子。
(function (exports,require,module,__filename,__dirname) {
exports.a = 1;
exports.fn = function () {
console.log(1);
};
});
如圖為global的全局變量

具體的使用方法
let obj = require('./2.js');
console.log(obj);
值得注意的是: 1. ./代表的是當前目錄下,然后是2.js,需要注意的是,如果引入的是本地的文件,那么一定要帶上路徑。
2. 如果后綴名是js文件的話是可以省略的。
3.有一些模塊是不需要帶路徑的,它們稱之為核心模塊,何為核心模塊
第一種是安裝好node就有的一些模塊,另外一種是用npm安裝依賴的那些在node_modules文件夾下面的
4.模塊的加載機制: 文件名 > 文件名.js >文件名.json>文件名.node
與前端瀏覽器會緩存靜態腳本文件以提高性能一樣,Node對引入過的模塊都會進行緩存,以減少二次引入時的開銷。不同的地方在於,瀏覽器僅僅緩存,而Node緩存的是編譯和執行之后的對象。
安裝好node就有的一些模塊可以去node中文網的文檔左側都是,比如這些都是。

導出模塊 module.exports
先看下面的例子,運行app.js,具體操作為命令行打開到當前的目錄下, 運行 node app.js
app.js
let obj = require('./2.js');
console.log(obj); // 1
2.js
module.exports = 1;
app.js文件中引入的是2.js文件,然后 2.js文件通過module.exports來賦值為1,require的話還有一點就是他會去尋找引入進來文件的module.export,然后把那個1賦值給了obj,打印出來 1。
module也是一個全局變量,它和require一樣,但實際上不是。 它們的作用域只在模塊內。導出模塊可能有的人見過下面的寫法。
2.js
exports.a = 1;
app.js代碼同樣不改變,打印出來的東西是 {a: 1};
其實exports是module.exports的一個引用, exports 也是一個全局變量,和上面require,module一樣,作用域只在模塊內。
導出模塊的話你可能會想到這樣做
1 module.exports = {}; //在內部的話這個東西默認等於{} 2 3 //所以你想到了導出的話可以這樣 4 module.exports = { 5 a: 1, 6 b: function(){}, 7 c: 'name' 8 }
如果你這樣做的話就是不正確的
1 //這樣做是不正確的 2 exports = { 3 a: 1, 4 b: function(){}, 5 c: 'name' 6 }; 7 8 // 正確的做法應該是這樣 9 exports.a = 1; 10 exports.b = function () {}; 11 exports.c = 'name'; 12 13 // 因為exports是module.exports的一個引用,重新給exports賦值的話只會改變exports的值,而require引入的話尋找的是模塊中的module.exports
可能有的人會這樣想,我直接寫到global對象下面去不就可以引入了嗎,為什么還需要用exports這種東西呢?具體寫法如下
app.js
let obj = require('./2.js');
console.log(global.obj);
console.log(global.obj2);
2.js
global.obj = {
a: 'name',
b: function () {
console.log('1111')
}
};
global.obj2 = '狗蛋';
怎么說呢,這樣做是可以的,但是不推薦把所有的東西都寫到global下面,會污染global對象,還是推薦使用exports去進行模塊之間的導入導出。
模塊的導入導出的操作非常簡答,但是對一些概念性的東西理解之后我相信會更好,當然require還有好多原理沒有講到,如果有興趣的可以查閱資料繼續學習,我相信如果只是使用的話掌握到現在的程度已經是可以的了,想繼續深入的可以看看 朴靈寫的 深入淺出Node.js 這本書。
如果你看了我的文章有了一些收獲我會非常高興的,由於能力有限,文章有的部分解釋的不到位,希望在以后的日子里能慢慢提高自己能力,如果不足之處,還望指正。
