快捷導(dǎo)航

Node.js?中的?module.exports?與?exports區(qū)別介紹

更新時(shí)間：2022年09月13日 14:34:52 作者：Chrislinlin

這篇文章主要介紹了Node.js中的module.exports與exports區(qū)別介紹，每個(gè)模塊中都有module對(duì)象，存放了當(dāng)前模塊相關(guān)的信息，更多相關(guān)內(nèi)容需要的朋友可以參考一下

介紹

module：每個(gè)模塊中都有 module 對(duì)象，存放了當(dāng)前模塊相關(guān)的信息；
module.exports：模塊導(dǎo)出的內(nèi)容；
exports：默認(rèn)情況下，exports 和 module.exports 指向同一個(gè)對(duì)象。

示例

test.js

console.log('module', module)
console.log('module.exports', module.exports)
console.log('exports', exports)
console.log('module.exports === exports', module.exports === exports)

控制臺(tái)執(zhí)行 node test.js，打印日志如下：

module Module {
  id: '.',
  path: 'E:\lin\webpack-learning\src\cjs\demo1',
  exports: {},
  filename: 'E:\lin\webpack-learning\src\cjs\demo1\test.js',
  loaded: false,
  children: [],
  paths: [
    'E:\lin\webpack-learning\src\cjs\demo1\node_modules',
    'E:\lin\webpack-learning\src\cjs\node_modules',
    'E:\lin\webpack-learning\src\node_modules',
    'E:\lin\webpack-learning\node_modules',
    'E:\lin\node_modules',
    'E:\node_modules'
  ]
}
module.exports {}
exports {}
module.exports === exports true

從源碼中理解

github.com/nodejs/node…

const exports = this.exports;
const thisValue = exports;
const module = this;

說(shuō)明：exports 是 module.exports 的引用

通過(guò)示例理解

示例一

test1.js

exports.name = 'lin';
module.exports.age = 18;

console.log('module.exports', module.exports)
console.log('exports', exports)
console.log('module.exports === exports', module.exports === exports)

index.js

const test = require('./test1')
console.log("test", test);

控制臺(tái)執(zhí)行 node index.js，打印日志如下：

module.exports { name: 'lin', age: 18 }
exports { name: 'lin', age: 18 }
module.exports === exports true 
test { name: 'lin', age: 18 }

畫圖說(shuō)明：

示例二

test2.js

module.exports.name = 'lin'
exports = {
  name: 'myName',
  age: 6
}
console.log('module.exports', module.exports)
console.log('exports', exports)
console.log('module.exports === exports', module.exports === exports)

index.js 改為引入 test2.js 模塊

const test = require('./test2')
console.log("test", test);

控制臺(tái)執(zhí)行 node index.js，打印日志如下：

module.exports { name: 'lin' }
exports { name: 'myName', age: 6 }
module.exports === exports false
test { name: 'lin' }

畫圖說(shuō)明：

示例三

test3.js

module.exports = {
  name: 'lin',
  age: 18
}

exports.name = "myName"
console.log('module.exports', module.exports)
console.log('exports', exports)
console.log('module.exports === exports', module.exports === exports)

index.js 改為引入 test3.js 模塊

const test = require('./test3')
console.log("test", test);

控制臺(tái)執(zhí)行 node index.js，打印日志如下：

module.exports { name: 'lin', age: 18 }
exports { name: 'myName' }
module.exports === exports false
test { name: 'lin', age: 18 }

畫圖說(shuō)明：

示例四

test4.js

exports = {
  name: 'lin',
  age: 18
}
module.exports = exports
module.exports.job = 'FE'
console.log('module.exports', module.exports)
console.log('exports', exports)
console.log('module.exports === exports', module.exports === exports)

index.js 改為引入 test4.js 模塊

const test = require('./test4')
console.log("test", test);

控制臺(tái)執(zhí)行 node index.js，打印日志如下：

module.exports { name: 'lin', age: 18, job: 'FE' }
exports { name: 'lin', age: 18, job: 'FE' }
module.exports === exports true
test { name: 'lin', age: 18, job: 'FE' }

畫圖說(shuō)明：

小結(jié)

exports 是 module.exports 的引用；
對(duì) exports 和 module.exports 賦值時(shí)要格外注意，明確模塊導(dǎo)出的值；
使用 require() 導(dǎo)入模塊 A 時(shí)，導(dǎo)入的結(jié)果是模塊 A 中 module.exports 指向的值。

到此這篇關(guān)于Node.js 中的 module.exports 與 exports區(qū)別介紹的文章就介紹到這了,更多相關(guān)Node.js exports內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: