找回密码
 注册
首页 ≡≡网络技术≡≡ WEB前端 终于讲清楚了nodejs中exports和module.exports的区别 ...

js 终于讲清楚了nodejs中exports和module.exports的区别

灰儿 2022-7-24 12:53:07
终于讲清楚了nodejs中exports和module.exports的区别

最近正在学习nodejs,看到nodejs模块这块,发现nodejs模块有两种方式对外暴露方法
exports和module.exports
可是这两种使用起来到底有什么区别呢???
看了很多文章,长篇大论,始终没有讲清楚区别,自己也是看了很多,终于搞清楚了,给大家分享一下
根据使用方法来说
通常exports方式使用方法是:
exports.[function name] = [function name]
moudle.exports方式使用方法是:
moudle.exports= [function name]
这样使用两者根本区别是
**exports **返回的是模块函数**module.exports **返回的是模块对象本身,返回的是一个类
使用上的区别是
exports的方法可以直接调用
module.exports需要new对象之后才可以调用
二话不说,撸代码!
1. exports方式
先创建一个exports_mode.js
var sayHello = function(){    console.log('hello')}exports.sayHello = sayHelloconsole.log(exports); console.log(module.exports);
然后写一个test.js调用下试试看
var exports_mode = require('./exports_mode')exports_mode.sayHello()
输出:

exports_mode.png
发现此时exports和module.exports对象输出的都是一个sayHello方法,
为什么module.exports也有exports方法了,简单点理解就是
exports是module.exports的一个引用,exports指向的是module.exports
我们来验证下,在exports_mode.js最后一行添加一句代码
var sayHello = function(){    console.log('hello')}exports.sayHello = sayHelloconsole.log(exports); console.log(module.exports); console.log(exports === module.exports);
结果输出.png
发现console.log(exports === module.exports)返回的是true,
说明exports和module.exports是同一个对象
下来看看
2. module.exports方式
首先创建module_exports_mode.js
var sayHello = function(){    console.log('hello')}module.exports = sayHelloconsole.log(module.exports); console.log(exports); console.log(exports === module.exports);
然后测试一下
var module_export_mode = require('./module_exports_mode')module_export_mode.sayHello()
控制台输出.png
发现输出报错了!
为什么呢,因为我们的调用方式错了,一开始就说到了
**module.exports **返回的是模块对象本身
正确的调用
var module_export_mode = require('./module_exports_mode')new module_export_mode()
控制台输出.png

同时我们可以看到,输出的module.exports对象内容就是一个[Function],在javascript里面是一个类
使用这样的好处是exports只能对外暴露单个函数,但是module.exports却能暴露一个类
我们把module_exports_mode.js扩展一下
var xiaoming = function(name){    this.name = name    this.sayHello = function(){        return 'hello '+this.name    }    this.sayGoodBye = function(){        return 'goodbye '+this.name    }}module.exports = xiaomingconsole.log(module.exports); console.log(exports); console.log(exports === module.exports);
然后测试
var xiaoming = require('./module_exports_mode')var xiaoming = new xiaoming('Lucien')console.log(xiaoming.sayHello())console.log(xiaoming.sayGoodBye())
控制台输出.png
使用方法和javascript的类创建对象一毛一样
exports.[function name] = [function name]
moudle.exports= [function name]
以上就是这两种方式的使用区别。

等等,还没完。。。
上面有提到
exports是module.exports的一个引用,exports指向的是module.exports
也就是说exports的方法module.exports也是一定能完成的
exports.[function name] = [function name]
moudle.exports= [function name]
所以,在使用上
** moudle.exports.[function name]   = [function name] **
**  是完全和 **
** exports.[function name] = [function name]  **
**  相等的   **
但是我们通常还是推荐使用exports.[function name],各司其职,代码逻辑清晰

作者:程序鱼
链接:https://www.jianshu.com/p/43b151089d29

作者:SMILET
链接:https://www.imooc.com/article/34483
来源:慕课网
您需要登录后才可以回帖 登录 | 注册
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。