引用类型和基本类型
在说明module.exports和exports的区别之前,先来介绍一个概念:
ECMAScript的变量值类型共有两种:
- 基本类型:包括
Undefined
,Number
,String
,NULL
,Boolean
五种基本数据类型 - 引用类型:保存在内存中的对象,不能直接操作,只能通过保存在变量中的地址引用进行操作
先来看如下代码:
let a = {key: 1};
let b = a;
console.log(a);
console.log(b);
b.key = 2;
console.log(a);
console.log(b);
b = {key: 3};
console.log(a);
console.log(b);
运行结果为:
{ key: 1 }
{ key: 1 }
{ key: 2 }
{ key: 2 }
{ key: 2 }
{ key: 3 }
说明:
- a 是一个对象,b 是对 a 的引用,即 a 和 b 指向同一块内存,所以前两个输出一样。
- 当对 b 作修改时,即 a 和 b 指向同一块内存地址的内容发生了改变,所以 a 也会体现出来,所以第三四个输出一样。
- 当 b 被覆盖时,b 指向了一块新的内存,a 还是指向原来的内存,所以最后两个输出不一样
module.exports 和 exports 的区别
module.exports和exports属于Object
类型,属于引用类型
区别可概括为以下几点:
- module.exports的初始值为一个空对象{}
- exports是指向module.exports的引用
- require() 返回的是 module.exports 而不是 exports
module.exports和exports之间的关系可以用以下代码模仿:
const module = { exports: {}};
let exports = module.exports;
exports.a = 1;
console.log(module.exports); // {a: 1}
exports = {b:2};
console.log(module.exports); // {a: 1}```
说明:
- exports 和 modules.exports 引用的是同一个对象
- 如果我们给 exports 增加属性,那么因为 modules.exports 也会增加相同的属性,此时 modules.exports === exports
- 如果对 exports 赋值的话,那么就会造成 modules.exports 和 exports 不指向同一个对象,此时再对 exports 做任何动作都跟 modules.exports 没有任何关系了
- **如果想要在模块文件中提供其他模块可以访问的接口,就要避免对exports赋值**
####module.exports和exports用法示例:
- **exports用法**
//1.js
function sum(a,b) {
let count=a+b;
return count;
}
exports.a=sum;
//2.js
let Sum=require('./1.js');
function main() {
console.log(Sum.a(1,2));
}
main(); //输出结果为3
- **module.exports用法**
//1.js
function sum(a, b) {
return a+b;
}
function multiply(a,b) {
return a*b;
}
module.exports = {
a: sum,
b: multiply
};
//2.js
const Sum=require('./1.js');
function main() {
console.log(Sum.a(1,2)); //输出3
console.log(Sum.b(2,10)); //输出20
}
main();
- **module.exports的对象、prototype、构造函数使用**
// 4.js
const a = require('./5.js');
// 若传的是类,new一个对象
let person = new a('Kylin',20);
console.log(person.speak());
// my name is Kylin ,my age is 20
// 若不需要在构造函数时初始化参数,直接调用方法/属性// a.speak();
// my name is kylin ,my age is 20
// 5.js
// Person类
function Person(name,age){
this.name = name;
this.age = age;
}
// 为类添加方法
Person.prototype.speak = function(){
console.log('my name is '+this.name+' ,my age is '+this.age);};
// 返回类
module.exports = Person;
// 若构造函数没有传入参数(name,age),直接传入对象
// module.exports = new Person('kylin',20);
**注意:**
- 如果只是单一属性或方法的话,就使用exports.属性/方法。要是导出多个属性或方法或使用对象构造方法,结合prototype等,就建议使用module.exports = {}
- 对 module.exports 的赋值必须立即完成, 不能在任何回调中完成
**参考资料:**
https://segmentfault.com/a/1190000007403134
https://cnodejs.org/topic/52308842101e574521c16e06
https://segmentfault.com/a/1190000004157460
https://www.zhihu.com/question/26621212
https://www.ycjcl.cc/2017/02/10/module-exportshe-exportsde-qu-bie/