一、CommonJS 的導(dǎo)入和導(dǎo)出

1.定義

CommonJS 是一種用于 JavaScript 的模塊化規(guī)范，用于在服務(wù)端環(huán)境和舊版瀏覽器中組織和管理代碼。它定義了模塊的導(dǎo)入（require）和導(dǎo)出（module.exports 或 exports）方式，并支持同步加載模塊。

2.特點和使用方法

1.導(dǎo)入模塊：
使用 require 函數(shù)來導(dǎo)入模塊。
可以通過相對路徑或絕對路徑指定要導(dǎo)入的模塊文件。
返回被導(dǎo)出的模塊內(nèi)容。

2.導(dǎo)出模塊：
使用 module.exports 或 exports 對象導(dǎo)出模塊內(nèi)容。
可以導(dǎo)出變量、函數(shù)、對象或其他模塊。
module.exports 是導(dǎo)出整個模塊的內(nèi)容，而 exports 是 module.exports 的一個引用。

3.同步加載：
require 函數(shù)是同步的，會阻塞后續(xù)代碼的執(zhí)行直到模塊加載完畢。
適用于在服務(wù)器環(huán)境中加載本地模塊或在舊版瀏覽器環(huán)境中加載模塊。

4.動態(tài)加載：
可以在運行時根據(jù)需求動態(tài)加載模塊。

5.塊級作用域：
CommonJS 模塊使用立即執(zhí)行函數(shù)表達(dá)式（IIFE）封裝，每個模塊都具有自己的作用域。
模塊內(nèi)定義的變量和方法默認(rèn)是私有的，不會暴露到全局作用域。

// 導(dǎo)出模塊內(nèi)容
module.exports = {
  variable1: value1,
  myFunction: function() { /* 函數(shù)體 */ }
};
// 導(dǎo)入模塊
const myModule = require('./myModule');
// 使用導(dǎo)入的模塊內(nèi)容
console.log(myModule.variable1);
myModule.myFunction();
需要注意的是，在瀏覽器環(huán)境中，CommonJS 模塊需要使用打包工具（如 Browserify、Webpack）將其轉(zhuǎn)換為瀏覽器可識別的格式，或者使用庫（如 RequireJS）來加載和管理模塊。

三、具體使用

在 CommonJS 模塊系統(tǒng)中，module.exports 和 exports 是指向同一個對象的引用，但不能直接將 exports 賦值為新對象或值，因為它只是 module.exports 的一個引用。如果想要導(dǎo)出一個新的對象或值，請使用 module.exports。

1.導(dǎo)出單個變量、函數(shù)或?qū)ο?/h3>

module.exports = myVariable;
//或者
exports.myVariable = myVariable;

2.導(dǎo)出多個變量、函數(shù)或?qū)ο?/h3>

module.exports = {
  variable1: value1,
  variable2: value2,
  myFunction: function() { /* 函數(shù)體 */ }
};
//或者
exports.variable1 = value1;
exports.variable2 = value2;
exports.myFunction = function() { /* 函數(shù)體 */ };

3.通過賦值給 exports 對象導(dǎo)出：

module.exports = {
  variable1: value1,
  variable2: value2,
  myFunction: function() { /* 函數(shù)體 */ }
};
//或者
exports.variable1 = value1;
exports.variable2 = value2;
exports.myFunction = function() { /* 函數(shù)體 */ };

4.導(dǎo)入

//在 CommonJS 中，使用 require 導(dǎo)入模塊時，會返回被導(dǎo)出的內(nèi)容
const myModule = require('./myModule');

module.exports：用于導(dǎo)出整個模塊的內(nèi)容。可以通過賦值給 module.exports 導(dǎo)出一個對象、函數(shù)或值。導(dǎo)出的內(nèi)容可以被其他模塊通過 require 導(dǎo)入。例如：module.exports = myVariable;

exports：是 module.exports 的一個引用，并且可以通過添加屬性和方法來導(dǎo)出多個值。當(dāng)使用 exports.variable = value 導(dǎo)出時，實際上是在修改 module.exports 對象，將變量作為其屬性添加進(jìn)去。例如：exports.myFunction = function() { /* 函數(shù)體 */ };

需要注意的是，module.exports 和 exports 是同一份內(nèi)存空間的引用，因此直接給 exports 賦予一個新的對象或值并不會更改 module.exports 的引用。所以，如果要導(dǎo)出一個新的對象或值，應(yīng)該使用 module.exports。

到此這篇關(guān)于require導(dǎo)入module.exports 或 exports導(dǎo)出的使用的文章就介紹到這了,更多相關(guān)require導(dǎo)入module.exports內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論