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

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

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

介紹

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

示例

test.js

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

控制臺執(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;

說明：exports 是 module.exports 的引用

通過示例理解

示例一

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);

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

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

畫圖說明：

示例二

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);

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

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

畫圖說明：

示例三

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);

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

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

畫圖說明：

示例四

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);

控制臺執(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' }

畫圖說明：