這篇文章帶大家了解一下CommonJs規格和Node的模組機制,介紹一下Node實作CommonJs規範的基本流程,希望對大家有幫助!
在CommonJs規格提出之前,Javascript是沒有模組系統的,這意味著我們很難開發大型的應用,因為程式碼的組織會比較困難。
什麼是CommonJs規範
首先CommonJS不是Node獨有的東西,CommonJs是一種模組規範,定義如何引用和匯出模組,Nodejs只是實作了這個規範,CommonJS模組規範主要分為模組引用、模組定義和模組識別三個部分。
模組引用
模組引用就是我們可以透過require
引入其它的模組。
const { add } = require('./add'); const result = add(1 ,2);
模組定義
一個檔案就是一個模組,模組裡會提供兩個變量,分別為module和exports。 module為目前模組本身,exports為要導出的內容,同時exports為module的一個屬性,即exports為module.exports。其他模組透過require導入的內容即為module.exports的內容。
// add.js exports.add = (a, b) => { return a + b; }
模組識別
模組識別即為require裡面的內容,例如require('./add')
,則模組標識為./add
。
透過CommonJS建構的這套模組導入導出機制使得使用者完全無需考慮變數污染,可以方便的建構大型應用。
Node的模組實作
#Node實作了CommonJs規範,並且增加了一些自己需要的特性。 Node為了實作CommonJs規格主要做了以下三件事:
路徑分析
檔定位
編譯執行
路徑分析
#當執行require()的時候,require接收的參數即為模組標識符,node透過模組標識符來進行路徑分析。路徑分析的目的就是為了透過模組標識符找到這個模組所在的路徑。首先,node的模組分為兩類,分別是核心模組和檔案模組。核心模組是node自帶的模組,檔案模組是使用者編寫的模組。同時文件模組又分為相對路徑形式的文件模組、絕對路徑形式的文件模組和非路徑形式的文件模組(如express)。
當node找到一個檔案模組之後,會將這個模組編譯執行並且快取起來,大致原理是將這個模組的完整路徑作為key,編譯後的內容作為值,後續再第二次引入這個模組的時候就不需要再進行路徑分析檔定位編譯執行這幾個步驟了,可以直接從快取讀取編譯好的內容。
// 缓存的模块示意: const cachedModule = { '/Usr/file/src/add.js': 'add.js编译后的内容', 'http': 'Node自带的http模块编译后的内容', 'express': '非路径形式自定义文件模块express编译后的内容' // ... }
當要尋找require導入的模組時,查找模組的順序是先查看快取裡是否已經有該模組,如果快取裡面沒有再查看核心模組,然後再找找檔案模組。其中路徑形式的文件模組比較好查找,根據相對或絕對路徑就可以得到完整的文件路徑。非路徑形式的自訂檔案模組查找起來會相對麻煩一些,Node會從node_modules這個資料夾裡去查找是否有這個檔案。
node_modules這個目錄在哪裡呢,比如說我們目前執行的檔案為/Usr/file/index.js;
/** * /Usr/file/index.js; */ const { add } = require('add'); const result = add(1, 2);
這個模組裡我們有引入了一個add模組,這個add不是一個核心模組也不是一個路徑形式的檔案模組,那麼這時候要如何找到這個add模組呢。
module有一個paths的屬性,找尋add模組的路徑在paths這個屬性裡,我們可以把這個屬性打出來看一下:
/** * /Usr/file/index.js; */ console.log(module.paths);
我們在file目錄下執行node index. js可以印出paths的值。 paths裡的值是一個數組,如下:
[ '/Usr/file/node_modules', '/Usr/node_modules', '/node_modules', ]
即Node會依序從上面的目錄裡尋在是否包含add這個模組,原理和原型鏈類似。先從目前執行的檔案的同級目錄的node_modules資料夾裡開始找,如果沒找到或沒有node_modules這個目錄,則繼續往上級查找。
檔案定位
路徑分析和檔案定位是搭配一起使用的,檔案標識符可以是不帶後綴的,也可能透過路徑分析找到的是一個目錄或一個包,這個時候要定位到具體的檔案需要一些額外的處理。
檔案副檔名分析
const { add } = require('./add');
比如上面这段代码,文件标识符是不带扩展名的,这个时候node会依次查找是否存在.js、.json、.node文件。
目录和包分析
同样是上面这段代码,通过./add
查找到的可能不是一个文件,可能是一个目录或者包(通过判断add文件夹下是否有package.json文件来判断是目录还是包)。这个时候文件定位的步骤是这样的:
- 查看是否有package.json文件
- 有
- 读取package.json里的main字段的值作为文件
- 没有
- 寻找目录下的index作为文件(依次查找index.js、index.json、index.node)
- 有
如果package.json里没有main字段,那么也会将index作为文件,然后进行扩展名分析找到对应后缀的文件。
模块编译
我们开发中主要遇到的模块为json模块和js模块。
json模块编译
当我们require一个json模块的时候,实际上Node会帮我们使用fs.readFilcSync去读取对应的json文件,得到json字符串,然后调用JSON.parse解析得到json对象,再赋值给module.exports,然后给到require。
js模块编译
当我们require一个js模块的时候,比如
// index.js const { add } = require('./add');
// add.js exports.add = (a, b) => { return a + b; }
这个时候发生了什么呢,为什么我们可以直接在模块里使用module、exports、require这些变量。这是因为Node在编译js模块的时候对模块的内容进行了首尾的包装。
比如add.js这个模块,实际编译的时候是会被包装成类似这样的结构:
(function(require, exports, module) { exports.add = (a, b) => { return a + b; } return module.exports; })(require, module.exports, module)
即我们编写的js文件是会被包装成一个函数,我们编写的只是这个函数里的内容,Node后续的包装的过程对我们隐藏了。这个函数支持传入一些参数,其中就包括require、exports和module。
当编译完js文件后,就会执行这个文件,node会将对应的参数传给这个函数然后执行,并且返回module.exports值给到require函数。
以上就是Node实现CommonJs规范的基本流程。
更多node相关知识,请访问:nodejs 教程!
以上是深入了解Node的模組機制,聊聊模組實作流程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

JavaScript在現實世界中的應用包括服務器端編程、移動應用開發和物聯網控制:1.通過Node.js實現服務器端編程,適用於高並發請求處理。 2.通過ReactNative進行移動應用開發,支持跨平台部署。 3.通過Johnny-Five庫用於物聯網設備控制,適用於硬件交互。

我使用您的日常技術工具構建了功能性的多租戶SaaS應用程序(一個Edtech應用程序),您可以做同樣的事情。 首先,什麼是多租戶SaaS應用程序? 多租戶SaaS應用程序可讓您從唱歌中為多個客戶提供服務

本文展示了與許可證確保的後端的前端集成,並使用Next.js構建功能性Edtech SaaS應用程序。 前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫

JavaScript是現代Web開發的核心語言,因其多樣性和靈活性而廣泛應用。 1)前端開發:通過DOM操作和現代框架(如React、Vue.js、Angular)構建動態網頁和單頁面應用。 2)服務器端開發:Node.js利用非阻塞I/O模型處理高並發和實時應用。 3)移動和桌面應用開發:通過ReactNative和Electron實現跨平台開發,提高開發效率。

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

JavaScript是現代Web開發的基石,它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發,極大地提升了用戶體驗和跨平台開發的靈活性。

Python更适合数据科学和机器学习,JavaScript更适合前端和全栈开发。1.Python以简洁语法和丰富库生态著称,适用于数据分析和Web开发。2.JavaScript是前端开发核心,Node.js支持服务器端编程,适用于全栈开发。

JavaScript不需要安裝,因為它已內置於現代瀏覽器中。你只需文本編輯器和瀏覽器即可開始使用。 1)在瀏覽器環境中,通過標籤嵌入HTML文件中運行。 2)在Node.js環境中,下載並安裝Node.js後,通過命令行運行JavaScript文件。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

WebStorm Mac版
好用的JavaScript開發工具

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。