require 用来加载代码,而 exports 和 module.exports 则用来导出代码。但很多新手可能会迷惑于 exports 和 module.exports 的区别,为了更好的理解 exports 和 module.exports 的关系,我们先来巩固下 js 的基础。示例:

app.js
var a = {name: 'nswbmw 1'};
var b = a;
console.log(a);
console.log(b);
b.name = 'nswbmw 2';
console.log(a);
console.log(b);
var b = {name: 'nswbmw 3'};
console.log(a);
console.log(b);
运行 app.js 结果为:
{ name: 'nswbmw 1' }
{ name: 'nswbmw 1' }
{ name: 'nswbmw 2' }
{ name: 'nswbmw 2' }
{ name: 'nswbmw 2' }
{ name: 'nswbmw 3' }
解释一下:a 是一个对象,b 是对 a 的引用,即 a 和 b 指向同一个对象,即 a 和 b 指向同一块内存地址,所以前两个输出一样。当对 b 作修改时,即 a 和 b 指向同一块内存地址的内容发生了改变,所以 a 也会体现出来,所以第三、四个输出一样。当对 b 完全覆盖时,b 就指向了一块新的内存地址(并没有对原先的内存块作修改),a 还是指向原来的内存块,即 a 和 b 不再指向同一块内存,也就是说此时 a 和 b 已毫无关系,所以最后两个输出不一样。
明白了上述例子后,我们进入正题。
我们只需知道三点即可知道 exports 和 module.exports 的区别了:
所以:我们通过
var name = 'nswbmw';
exports.name = name;
exports.sayName = function() {
console.log(name);
}
给 exports 赋值其实是给 module.exports 这个空对象添加了两个属性而已,上面的代码相当于:
var name = 'nswbmw';
module.exports.name = name;
module.exports.sayName = function() {
console.log(name);
}
我们通常这样使用 exports 和 module.exports
一个简单的例子,计算圆的面积:
使用 exports
app.js
var circle = require('./circle');
console.log(circle.area(4));
circle.js
exports.area = function(r) {
return r * r * Math.PI;
}
使用 module.exports
app.js
var area = require('./area');
console.log(area(4));
area.js
module.exports = function(r) {
return r * r * Math.PI;
}
上面两个例子输出是一样的。你也许会问,为什么不这样写呢?
app.js
var area = require('./area');
console.log(area(4));
area.js
exports = function(r) {
return r * r * Math.PI;
}
运行上面的例子会报错。这是因为,前面的例子中通过给 exports 添加属性,只是对 exports 指向的内存做了修改,而
exports = function(r) {
return r * r * Math.PI;
}
其实是对 exports 进行了覆盖,也就是说 exports 指向了一块新的内存(内容为一个计算圆面积的函数),也就是说 exports 和 module.exports 不再指向同一块内存,也就是说此时 exports 和 module.exports 毫无联系,也就是说 module.exports 指向的那块内存并没有做任何改变,仍然为一个空对象 {} ,也就是说 area.js 导出了一个空对象,所以我们在 app.js 中调用 area(4) 会报 TypeError: object is not a function 的错误。
所以,一句话做个总结:当我们想让模块导出的是一个对象时,exports 和 module.exports 均可使用(但 exports也不能重新覆盖为一个新的对象),而当我们想导出非对象接口时,就必须也只能覆盖 module.exports。
我们经常看到这样的用写法:
exports = module.exports = somethings;
上面的代码等价于
module.exports = somethings; exports = module.exports;
原因也很简单,module.exports = somethings 是对 module.exports 进行了覆盖,此时 module.exports 和 exports 的关系断裂,module.exports 指向了新的内存块,而 exports 还是指向原来的内存块,为了让 module.exports 和 exports 还是指向同一块内存或者说指向同一个 “对象”,所以我们就 exports = module.exports。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
# exports
# module.exports
# 详解Js模块化的作用原理和方案
# node.js核心模块有哪些
# js实现简单购物车模块
# Node.js之http模块的用法
# 详解Sea.js中Module.exports和exports的区别
# node.js中module.exports与exports用法上的区别
# nodejs中exports与module.exports的区别详细介绍
# javascript高级模块化require.js的具体使用方法
# 详解RequireJs官方使用教程
# Js模块打包exports require import的用法和区别
# 也就是说
# 的是
# 会报
# 进行了
# 是一个
# 也会
# 只需
# 也很
# 做个
# 均可
# 当我们
# 三点
# 想让
# 或者说
# 句话
# 报错
# 也许会
# 这是因为
# 那块
# 先来
相关文章:
建站之星手机一键生成:多端自适应+小程序开发快速建站指南
海南网站制作公司有哪些,海口网是哪家的?
如何快速生成凡客建站的专业级图册?
高防服务器:AI智能防御DDoS攻击与数据安全保障
枣阳网站制作,阳新火车站打的到仙岛湖多少钱?
代刷网站制作软件,别人代刷火车票靠谱吗?
如何挑选高效建站主机与优质域名?
建站主机是否属于云主机类型?
免费制作小说封面的网站有哪些,怎么接网站批量的封面单?
建站之星后台管理:高效配置与模板优化提升用户体验
如何获取PHP WAP自助建站系统源码?
微信小程序制作网站有哪些,微信小程序需要做网站吗?
如何做静态网页,sublimetext3.0制作静态网页?
网站制作话术技巧,网站推广做的好怎么话术?
php8.4新语法match怎么用_php8.4match表达式替代switch【方法】
已有域名如何快速搭建专属网站?
如何选择可靠的免备案建站服务器?
ppt制作免费网站有哪些,ppt模板免费下载网站?
七夕网站制作视频,七夕大促活动怎么报名?
如何自定义建站之星网站的导航菜单样式?
如何在建站之星网店版论坛获取技术支持?
如何快速搭建支持数据库操作的智能建站平台?
如何通过虚拟机搭建网站?详细步骤解析
西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么?
营销式网站制作方案,销售哪个网站招聘效果最好?
如何用5美元大硬盘VPS安全高效搭建个人网站?
行程制作网站有哪些,第三方机票电子行程单怎么开?
高性能网站服务器配置指南:安全稳定与高效建站核心方案
如何快速完成中国万网建站详细流程?
制作证书网站有哪些,全国城建培训中心证书查询官网?
南平网站制作公司,2025年南平市事业单位报名时间?
建站之星如何一键生成手机站?
如何在服务器上配置二级域名建站?
广州营销型建站服务商推荐:技术优势与SEO优化解析
打鱼网站制作软件,波克捕鱼官方号怎么注册?
C++时间戳转换成日期时间的步骤和示例代码
定制建站方案优化指南:企业官网开发与建站费用解析
如何零基础在云服务器搭建WordPress站点?
如何快速生成橙子建站落地页链接?
股票网站制作软件,网上股票怎么开户?
高端云建站费用究竟需要多少预算?
如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗?
建站之星CMS五站合一模板配置与SEO优化指南
建站之星代理如何优化在线客服效率?
如何在宝塔面板中修改默认建站目录?
如何确保西部建站助手FTP传输的安全性?
学校为何禁止电信移动建设网站?
详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode(.NET组件介绍之四)
装修招标网站设计制作流程,装修招标流程?
如何制作算命网站,怎么注册算命网站?
*请认真填写需求信息,我们会在24小时内与您取得联系。