自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

Node中如何引入一個(gè)模塊及其細(xì)節(jié)

開發(fā) 前端
雖然它們?cè)谄匠J褂弥袃H僅是引入與導(dǎo)出模塊,但稍稍深入,便可見乾坤之大。在業(yè)界可用它們做一些比較 trick 的事情,雖然我不大建議使用這些黑科技,但稍微了解還是很有必要。

 在 node 環(huán)境中,有兩個(gè)內(nèi)置的全局變量無(wú)需引入即可直接使用,并且無(wú)處不見,它們構(gòu)成了 nodejs 的模塊體系: module 與 require。以下是一個(gè)簡(jiǎn)單的示例 

  1. const fs = require('fs')  
  2. const add = (x, y) => x + y  
  3. module.exports = add 

雖然它們?cè)谄匠J褂弥袃H僅是引入與導(dǎo)出模塊,但稍稍深入,便可見乾坤之大。在業(yè)界可用它們做一些比較 trick 的事情,雖然我不大建議使用這些黑科技,但稍微了解還是很有必要。

  1.  如何在不重啟應(yīng)用時(shí)熱加載模塊?如 require 一個(gè) json 文件時(shí)會(huì)產(chǎn)生緩存,但是重寫文件時(shí)如何 watch
  2.  如何通過不侵入代碼進(jìn)行打印日志
  3.  循環(huán)引用會(huì)產(chǎn)生什么問題?

module wrapper

當(dāng)我們使用 node 中寫一個(gè)模塊時(shí),實(shí)際上該模塊被一個(gè)函數(shù)包裹,如下所示: 

  1. (function(exports, require, module, __filename, __dirname) {  
  2.   // 所有的模塊代碼都被包裹在這個(gè)函數(shù)中  
  3.   const fs = require('fs')  
  4.   const add = (x, y) => x + y 
  5.   module.exports = add  
  6. }); 

因此在一個(gè)模塊中自動(dòng)會(huì)注入以下變量:

  •  exports
  •  require
  •  module
  •  __filename
  •  __dirname

module

調(diào)試最好的辦法就是打印,我們想知道 module 是何方神圣,那就把它打印出來(lái)! 

  1. const fs = require('fs')  
  2. const add = (x, y) => x + y  
  3. module.exports = add  
  4. console.log(module) 

  •  module.id: 如果是 . 代表是入口模塊,否則是模塊所在的文件名,可見如下的 koa
  •  module.exports: 模塊的導(dǎo)出

koa module

module.exports 與 exports

    ❝    `module.exports` 與 `exports` 有什么關(guān)系?[1]    ❞

從以下源碼中可以看到 module wrapper 的調(diào)用方 module._compile 是如何注入內(nèi)置變量的,因此根據(jù)源碼很容易理解一個(gè)模塊中的變量:

  •  exports: 實(shí)際上是 module.exports 的引用
  •  require: 大多情況下是 Module.prototype.require
  •  module
  •  __filename
  •  __dirname: path.dirname(__filename) 
  1. // <node_internals>/internal/modules/cjs/loader.js:1138  
  2. Module.prototype._compile = function(content, filename) {  
  3.   // ...  
  4.   const dirname = path.dirname(filename);  
  5.   const require = makeRequireFunction(this, redirects);  
  6.   let result;  
  7.   // 從中可以看出:exports = module.exports  
  8.   const exports = this.exports;  
  9.   const thisValue = exports 
  10.   const module = this 
  11.   if (requireDepth === 0) statCache = new Map();  
  12.   if (inspectorWrapper) {  
  13.     result = inspectorWrapper(compiledWrapper, thisValue, exports,  
  14.                               require, module, filename, dirname);  
  15.   } else {  
  16.     result = compiledWrapper.call(thisValue, exports, require, module,  
  17.                                   filename, dirname);  
  18.   }  
  19.   // ...  

require

通過 node 的 REPL 控制臺(tái),或者在 VSCode 中輸出 require 進(jìn)行調(diào)試,可以發(fā)現(xiàn) require 是一個(gè)極其復(fù)雜的對(duì)象

require

從以上 module wrapper 的源碼中也可以看出 require 由 makeRequireFunction 函數(shù)生成,如下 

  1. // <node_internals>/internal/modules/cjs/helpers.js:33  
  2. function makeRequireFunction(mod, redirects) {  
  3.   const Module = mod.constructor;  
  4.   let require;  
  5.   if (redirects) {  
  6.     // ...  
  7.   } else { 
  8.      // require 實(shí)際上是 Module.prototype.require  
  9.     require = function require(path) {  
  10.       return mod.require(path);  
  11.     };  
  12.   }  
  13.   function resolve(request, options) { // ... }  
  14.   require.resolve = resolve;  
  15.   function paths(request) {  
  16.     validateString(request, 'request');  
  17.     return Module._resolveLookupPaths(request, mod);  
  18.   }  
  19.   resolve.paths = paths;  
  20.   require.main = process.mainModule;  
  21.   // Enable support to add extra extension types.  
  22.   require.extensions = Module._extensions;  
  23.   require.cache = Module._cache;  
  24.   return require;  

    ❝    關(guān)于 require 更詳細(xì)的信息可以去參考官方文檔: Node API: require[2]    ❞

require(id)

require 函數(shù)被用作引入一個(gè)模塊,也是平常最常見最常用到的函數(shù) 

  1. // <node_internals>/internal/modules/cjs/loader.js:1019  
  2. Module.prototype.require = function(id) { 
  3.    validateString(id, 'id');  
  4.   if (id === '') {  
  5.     throw new ERR_INVALID_ARG_VALUE('id', id,  
  6.                                     'must be a non-empty string');  
  7.   }  
  8.   requireDepth++;  
  9.   try {  
  10.     return Module._load(id, this, /* isMain */ false);  
  11.   } finally { 
  12.      requireDepth--;  
  13.   }  

而 require 引入一個(gè)模塊時(shí),實(shí)際上通過 Module._load 載入,大致的總結(jié)如下:

  1.  如果 Module._cache 命中模塊緩存,則直接取出 module.exports,加載結(jié)束
  2.  如果是 NativeModule,則 loadNativeModule 加載模塊,如 fs、http、path 等模塊,加載結(jié)束
  3.  否則,使用 Module.load 加載模塊,當(dāng)然這個(gè)步驟也很長(zhǎng),下一章節(jié)再細(xì)講 
  1. // <node_internals>/internal/modules/cjs/loader.js:879  
  2. Module._load = function(request, parent, isMain) {  
  3.   let relResolveCacheIdentifier;  
  4.   if (parent) {  
  5.     // ...  
  6.   }  
  7.   const filename = Module._resolveFilename(request, parent, isMain);  
  8.   const cachedModule = Module._cache[filename];  
  9.   // 如果命中緩存,直接取緩存  
  10.   if (cachedModule !== undefined) {  
  11.     updateChildren(parent, cachedModule, true);  
  12.     return cachedModule.exports;  
  13.   }  
  14.   // 如果是 NativeModule,加載它  
  15.   const mod = loadNativeModule(filename, request);  
  16.   if (mod && mod.canBeRequiredByUsers) return mod.exports;  
  17.   // Don't call updateChildren(), Module constructor already does.  
  18.   const module = new Module(filename, parent);  
  19.   if (isMain) {  
  20.     process.mainModule = module 
  21.     module.id = '.' 
  22.   }  
  23.   Module._cache[filename] = module;  
  24.   if (parent !== undefined) { // ... }  
  25.   let threw = true 
  26.   try {  
  27.     if (enableSourceMaps) {  
  28.       try {  
  29.         // 如果不是 NativeModule,加載它  
  30.         module.load(filename);  
  31.       } catch (err) {  
  32.         rekeySourceMap(Module._cache[filename], err);  
  33.         throw err; /* node-do-not-add-exception-line */  
  34.       }  
  35.     } else {  
  36.       module.load(filename);  
  37.     }  
  38.     threw = false 
  39.   } finally {  
  40.     // ...  
  41.   }  
  42.   return module.exports;  
  43. }; 

require.cache

「當(dāng)代碼執(zhí)行 require(lib) 時(shí),會(huì)執(zhí)行 lib 模塊中的內(nèi)容,并作為一份緩存,下次引用時(shí)不再執(zhí)行模塊中內(nèi)容」。

這里的緩存指的就是 require.cache,也就是上一段指的 Module._cache 

  1. // <node_internals>/internal/modules/cjs/loader.js:899  
  2. require.cache = Module._cache; 

這里有個(gè)小測(cè)試:

    ❝    有兩個(gè)文件: index.js 與 utils.js。utils.js 中有一個(gè)打印操作,當(dāng) index.js 引用 utils.js 多次時(shí),utils.js 中的打印操作會(huì)執(zhí)行幾次。代碼示例如下    ❞

「index.js」 

  1. // index.js  
  2. // 此處引用兩次  
  3. require('./utils')  
  4. require('./utils') 

「utils.js」 

  1. // utils.js  
  2. console.log('被執(zhí)行了一次') 

「答案是只執(zhí)行了一次」,因此 require.cache,在 index.js 末尾打印 require,此時(shí)會(huì)發(fā)現(xiàn)一個(gè)模塊緩存 

  1. // index.js  
  2. require('./utils')  
  3. require('./utils')  
  4. console.log(require) 

那回到本章剛開始的問題:

    ❝    如何不重啟應(yīng)用熱加載模塊呢?    ❞

答:「刪掉 Module._cache」,但同時(shí)會(huì)引發(fā)問題,如這種 一行 delete require.cache 引發(fā)的內(nèi)存泄漏血案[3]

所以說(shuō)嘛,這種黑魔法大幅修改核心代碼的東西開發(fā)環(huán)境玩一玩就可以了,千萬(wàn)不要跑到生產(chǎn)環(huán)境中去,畢竟黑魔法是不可控的。

總結(jié)

  1. 模塊中執(zhí)行時(shí)會(huì)被 module wrapper 包裹,并注入全局變量 require 及 module 等
  2.  module.exports 與 exports 的關(guān)系實(shí)際上是 exports = module.exports
  3.  require 實(shí)際上是 module.require
  4.  require.cache 會(huì)保證模塊不會(huì)被執(zhí)行多次
  5.  不要使用 delete require.cache 這種黑魔法 

 

責(zé)任編輯:龐桂玉 來(lái)源: 前端大全
相關(guān)推薦

2020-08-24 08:07:32

Node.js文件函數(shù)

2021-06-09 07:55:19

NodeEventEmitte驅(qū)動(dòng)

2017-06-20 12:48:55

React Nativ自定義模塊Note.js

2015-10-12 16:45:26

NodeWeb應(yīng)用框架

2024-03-26 10:38:47

模塊CommonJSES

2021-07-06 14:36:05

RustLinux內(nèi)核模塊

2021-03-08 10:49:11

漏洞攻擊網(wǎng)絡(luò)安全

2021-03-13 12:54:50

Node進(jìn)程Cron

2011-07-18 13:34:44

SQL Server數(shù)拼接字符串

2019-09-10 09:12:54

2016-12-07 17:45:44

Linux文件

2024-04-11 08:30:05

JavaScript數(shù)組函數(shù)

2012-08-07 11:28:13

卸載linux

2023-09-26 16:44:14

光模塊

2021-01-04 09:12:31

集合變量

2014-08-01 10:24:11

2011-10-25 09:28:30

Node.js

2020-08-07 10:40:56

Node.jsexpress前端

2020-04-08 08:35:20

JavaScript模塊函數(shù)

2011-08-29 15:12:24

UbuntuLinux模塊
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)