目錄
什麼是CommonJs規範
首頁 web前端 js教程 深入了解Node的模組機制,聊聊模組實作流程

深入了解Node的模組機制,聊聊模組實作流程

May 25, 2022 pm 09:12 PM
nodejs​ node.js node

這篇文章帶大家了解一下CommonJs規格和Node的模組機制,介紹一下Node實作CommonJs規範的基本流程,希望對大家有幫助!

深入了解Node的模組機制,聊聊模組實作流程

在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的模組機制,聊聊模組實作流程

當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中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

圖文詳解Node V8引擎的記憶體和GC 圖文詳解Node V8引擎的記憶體和GC Mar 29, 2023 pm 06:02 PM

這篇文章帶大家深入了解NodeJS V8引擎的記憶體和垃圾回收器(GC),希望對大家有幫助!

一文聊聊Node中的記憶體控制 一文聊聊Node中的記憶體控制 Apr 26, 2023 pm 05:37 PM

基於無阻塞、事件驅動建立的Node服務,具有記憶體消耗低的優點,非常適合處理海量的網路請求。在海量請求的前提下,就需要考慮「記憶體控制」的相關問題了。 1. V8的垃圾回收機制與記憶體限制 Js由垃圾回收機

node專案中如何使用express來處理檔案的上傳 node專案中如何使用express來處理檔案的上傳 Mar 28, 2023 pm 07:28 PM

怎麼處理文件上傳?以下這篇文章為大家介紹一下node專案中如何使用express來處理文件的上傳,希望對大家有幫助!

深入聊聊Node中的File模組 深入聊聊Node中的File模組 Apr 24, 2023 pm 05:49 PM

文件模組是對底層文件操作的封裝,例如文件讀寫/打開關閉/刪除添加等等文件模組最大的特點就是所有的方法都提供的**同步**和**異步**兩個版本,具有sync 字尾的方法都是同步方法,沒有的都是異

深入淺析Node的進程管理工具'pm2” 深入淺析Node的進程管理工具'pm2” Apr 03, 2023 pm 06:02 PM

這篇文章跟大家分享Node的進程管理工具“pm2”,聊聊為什麼需要pm2、安裝和使用pm2的方法,希望對大家有幫助!

一起聊聊Node中的事件循環 一起聊聊Node中的事件循環 Apr 11, 2023 pm 07:08 PM

事件循環是 Node.js 的基本組成部分,透過確保主執行緒不被阻塞來實現非同步編程,了解事件循環對建立高效應用程式至關重要。以下這篇文章就來帶大家深入了解Node中的事件循環 ,希望對大家有幫助!

Pi Node教學:什麼是Pi節點?如何安裝和設定Pi Node? Pi Node教學:什麼是Pi節點?如何安裝和設定Pi Node? Mar 05, 2025 pm 05:57 PM

PiNetwork節點詳解及安裝指南本文將詳細介紹PiNetwork生態系統中的關鍵角色——Pi節點,並提供安裝和配置的完整步驟。 Pi節點在PiNetwork區塊鏈測試網推出後,成為眾多先鋒積極參與測試的重要環節,為即將到來的主網發布做準備。如果您還不了解PiNetwork,請參考Pi幣是什麼?上市價格多少? Pi用途、挖礦及安全性分析。什麼是PiNetwork? PiNetwork項目始於2019年,擁有其專屬加密貨幣Pi幣。該項目旨在創建一個人人可參與

使用Angular和Node進行基於令牌的身份驗證 使用Angular和Node進行基於令牌的身份驗證 Sep 01, 2023 pm 02:01 PM

身份驗證是任何網路應用程式中最重要的部分之一。本教程討論基於令牌的身份驗證系統以及它們與傳統登入系統的差異。在本教程結束時,您將看到一個用Angular和Node.js編寫的完整工作演示。傳統身份驗證系統在繼續基於令牌的身份驗證系統之前,讓我們先來看看傳統的身份驗證系統。使用者在登入表單中提供使用者名稱和密碼,然後點擊登入。發出請求後,透過查詢資料庫在後端驗證使用者。如果請求有效,則使用從資料庫中獲取的使用者資訊建立會話,然後在回應頭中傳回會話訊息,以便將會話ID儲存在瀏覽器中。提供用於存取應用程式中受

See all articles