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

JavaScript020

JS中exports与module.exports的区别详细介绍,第1张

exports和module.exports 都是对外暴露对象接口的,但是使用需要注意以下细节:

例如:这是rocker.js文件

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

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

注意:

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

例如:

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

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

上面的写法也等同于

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

再次引用执行rocker.js

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

可以这样应用它:

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

可以这样应用它

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

//写法1

exports.hello = function(){

console.log(‘world’)

}

//写法2

var f = {

hello : function(){

console.log(‘world’)

}

}

module.exports = f

假设我们写的这个模块的文件名为hello.js,执行下面的代码

var h = require(‘hello’)

h.hello()

对于上面的两种写法,执行这段代码后得出的结果是一样的。

概念:module.exports和exports是属于commonJs规范,export和export default是ES6模块规范。

exports 等于 module.exports,相当于在js文件头部,有一个module对象,module.exports = exports;

exports是一个对象,所以可以exports多个值

1、对于要导出的属性,可以简单直接挂到exports对象上

2、对于类,为了直接使导出的内容作为类的构造器可以让调用者使用new操作符创建实例对象,应该把构造函数挂到module.exports对象上,不要和导出属性值混在一起

module.exports 初始值为一个空对象 {}

exports 是指向的 module.exports 的引用

require() 返回的是 module.exports 而不是 exports

也就是: exports = module.exports = {}, exports和module.exports都指向一个引用地址{},如果exports.name = 'xxx',那module.exports = {name:'xxx'},引用对象改变,两者又是同时指向一个对象,所以都改变了。

在 import 的时候可以使用 通配符 * 导入外部的模块:

import * as xxx from ‘xxx’: 会将若干export导出的内容组合成一个对象返回;

import xxx from ‘xxx’:(export default Din)只会导出这个默认的对象作为一个对象

以上。