node.js 05--module.exports和exports的功能和区别

敲重点

require引入模块永远为++module.exports++ 指向的++对象++

一.使用方法

javascript 复制代码
//声明一个对象
const s = {
    name:'张三',
    age:22
}

//导出这个模块
exports = s

//导出这个模块
module.exports = s
javascript 复制代码
const ex = require('./01-exports')

console.log(ex) //输出 { name: '张三', age: 22 }

这时候module.exports和exports指向的是一个对象,都是s这个对象

javascript 复制代码
//声明一个对象
const s = {
    name:'张三',
    age:22
}

//导出这个模块
exports = s

//导出这个模块
module.exports.gender = '女'

如果换成了上面这种的话

javascript 复制代码
const ex = require('./01-exports')

console.log(ex) //输出 { gender: '女' }

这时候exports指向的对象为s,但module.exports指向的对象为gender所在的这个对象

因为require导入的模块永远以module.exports指向的对象为基准,所以输出gender所在的那个对象

有人可能说那有可能跟执行顺序有关系,其实换成下面这种结果也不会发生改变

javascript 复制代码
//声明一个对象
const s = {
    name:'张三',
    age:22
}

//导出这个模块
module.exports.gender = '女'

//导出这个模块
exports = s

但如果变成下面这种

javascript 复制代码
//导出这个模块
exports.name = '张三'

//导出这个模块
module.exports.gender = '女'

那么输出的将会是

javascript 复制代码
const ex = require('./01-exports')

console.log(ex) //输出{ name: '张三', gender: '女' }

因为++exports本身与module.exports指向的就是同一个对象++,所以当没有指向其他对象而是直接往当前指向对象中赋值的时候,指向的对象并没有发生改变,所以输出的也是同一个对象

那么换成下面这种情况

javascript 复制代码
// 声明一个对象
const s = {
  name: '张三',
  age: 22
}

//导出这个模块
exports = s

//导出指向exports模块
module.exports = exports

//往exports所指向的对象中添加属性
module.exports.gender = '女'
javascript 复制代码
const ex = require('./01-exports')

console.log(ex) //输出 { name: '张三', age: 22, gender: '女' }

因为这里module.exports指向的对象变为了exports所指向的对象,因此module.exports所指向的对象变为了s,最后往s添加了一条属性gender,所以输出为三个属性数据

相关推荐
程序猿小D3 小时前
第14节 Node.js 全局对象
linux·前端·npm·node.js·编辑器·vim
IT瘾君18 小时前
JavaWeb:前端工程化-ElementPlus
前端·elementui·node.js·vue
早知道不学Java了18 小时前
chromedriver 下载失败
前端·vue.js·react.js·npm·node.js
贩卖纯净水.21 小时前
Webpack搭建本地服务器
前端·webpack·node.js
树獭叔叔21 小时前
从零开始Node之旅 —— 事件模型
后端·node.js
xd0000221 小时前
3. 简述node.js特性与底层原理
node.js
盼儿哥21 小时前
123网盘SDK-npm包已发布
前端·npm·node.js
程序猿小D1 天前
第12节 Node.js 函数
开发语言·ide·人工智能·vscode·node.js·c#·编辑器
遗憾随她而去.1 天前
Web前端为什么要打包?Webpack 和 Vite 如何助力现代开发?
前端·webpack·node.js
南吕二七1 天前
webPack基本使用步骤
前端·webpack·node.js