美文网首页
JS中exports与module.exports的区别详细介绍

JS中exports与module.exports的区别详细介绍

作者: lltree | 来源:发表于2019-07-31 18:11 被阅读0次

module.exports是真正的接口,exports只不过是它的辅助工具;最终返回给调用的是Module.exports而不是exports。

module.exports 导出的为具体类型的实例化对象,而exports 则不是

exports和module.exports都是对外暴露对象接口的,但是使用需要注意以下细节:
例如:这是rocker.js文件

exports.name = function() { 
console.log('My name is Lemmy Kilmister'); 
}; 

在另一个文件中你这样引用

var rocker = require('./rocker.js'); 
rocker.name(); // 'My name is Lemmy Kilmister' 

那到底Module.exports是什么呢?它是否合法呢?

其实,Module.exports才是真正的接口,exports只不过是它的一个辅助工具。最终返回给调用的是Module.exports而不是exports

注意:
所有的exports收集到的属性和方法,都赋值给了Module.exports。当然,这有个前提,就是Module.exports本身不具备任何属性和方法。如果,Module.exports已经具备一些属性和方法,那么exports收集来的信息将被忽略。

详解1:所有的exports收集到的属性和方法,都赋值给了Module.exports

例如:

//导出文件mout.js
function outputA(){
    console.log("this is output A");
}

function outputB(){
    console.log("this is output B");
}
`会形成一个对象
{
  outputA:[Function: exports.outputA],
  outputB:[Function: exports.outputB]
}`
exports.outputA=outputA; //通过exports写法
exports.outputB=outputB;//通过exports写法
//导入文件module.js
let mod=require("./mout.js");
console.log(mod);

会以对象(也可叫字典)输出

{outputA:[Function: exports.outputA],outputB:[Function: exports.outputB],}

使用方式

如果你想在module.js中使用outputA或outputB函数,就得

let {outputA,outputB}=require("./mout.js");
//{}中变量名必须与mout.js导出函数名相同
outputA();
outputB();

上面的写法也等同于

let _mout=require("./mout.js");
//变量a,b的变量名可以随意
let a=_mout.outputA;
let b=_mout.outputB;
a();
b();

详解2:Module.exports本身不具备任何属性和方法。如果,Module.exports已经具备一些属性和方法,那么exports收集来的信息将被忽略。

exports收集到的属性和方法,并未都赋值给了Module.exports,因为Module.exports已经具备一些属性和方法,因此exports收集来的信息将被忽略

module.exports = 'ROCK IT!'; 

//该方法被忽略
exports.name = function() { 
console.log('My name is Lemmy Kilmister'); 
}; 

再次引用执行rocker.js

var rocker = require('./rocker.js'); 
rocker.name(); // TypeError: Object ROCK IT! has no method 'name' 

那到底什么时候使用Module.exports?什么时候使用exports呢?

下面例子中,你的模块是一个类: 想导出的模块为特定的数组类型

module.exports = function(name, age) { 
this.name = name; 
this.age = age; 
this.about = function() { 
console.log(this.name +' is '+ this.age +' years old'); 
}; 
}; 

可以这样应用它:

var Rocker = require('./rocker.js'); 
var r = new Rocker('Ozzy', 62); 
r.about(); // Ozzy is 62 years old 

下面例子中,你的模块是一个数组: 想导出的模块为特定的数组类型


module.exports = ['Lemmy Kilmister', 'Ozzy Osbourne', 'Ronnie James Dio', 'Steven Tyler', 'Mick Jagger']; 

可以这样应用它

var rocker = require('./rocker.js'); 
console.log('Rockin in heaven: ' + rocker[2]); //Rockin in heaven: Ronnie James Dio

结论:现在你明白了,如果你想你的模块是一个特定的类型就用Module.exports。如果你想的模块是一个典型的“实例化对象”就用exports。

相关文章

网友评论

      本文标题:JS中exports与module.exports的区别详细介绍

      本文链接:https://www.haomeiwen.com/subject/kkotdctx.html