如何使用module.exports

发布网友发布时间：2022-04-23 03:48

我来回答

共2个回答

懂视网时间：2022-04-23 08:09

这次给大家带来exports与module.exports使用方法，exports与module.exports使用的注意事项有哪些，下面就是实战案例，一起来看一下。

1. exports 是 module.exports 的辅助对象，exports对外提供api 时需要用return 返回exports 对象

2. module.exports 也可直接向外提供api

参考： https://github.com/seajs/seajs/issues/242

exports Object

exports 是一个对象，用来向外提供模块接口。

define(function(require, exports) {
 // 对外提供 foo 属性
 exports.foo = 'bar';
 // 对外提供 doSomething 方法
 exports.doSomething = function() {};
});

除了给 exports 对象增加成员，还可以使用 return 直接向外提供接口。

define(function(require) {
 // 通过 return 直接提供接口
 return {
 foo: 'bar',
 doSomething: function() {}
 };
});

如果 return 语句是模块中的唯一代码，还可简化为：

define({
 foo: 'bar',
 doSomething: function() {}
});

上面这种格式特别适合定义 JSONP 模块。

特别注意：下面这种写法是错误的！

define(function(require, exports) {
 // 错误用法！！!
 exports = {
 foo: 'bar',
 doSomething: function() {}
 };
});

正确的写法是用 return 或者给 module.exports 赋值：

define(function(require, exports, module) {
 // 正确写法
 module.exports = {
 foo: 'bar',
 doSomething: function() {}
 };
});

提示：exports 仅仅是 module.exports 的一个引用。在 factory 内部给 exports 重新赋值时，并不会改变 module.exports 的值。因此给 exports 赋值是无效的，不能用来更改模块接口。

module.exports Object

当前模块对外提供的接口。

传给 factory 构造方法的 exports 参数是 module.exports 对象的一个引用。只通过 exports 参数来提供接口，有时无法满足开发者的所有需求。比如当模块的接口是某个类的实例时，需要通过 module.exports来实现：

define(function(require, exports, module) {
 // exports 是 module.exports 的一个引用
 console.log(module.exports === exports); // true
 // 重新给 module.exports 赋值
 module.exports = new SomeClass();
 // exports 不再等于 module.exports
 console.log(module.exports === exports); // false
});

注意：对 module.exports 的赋值需要同步执行，不能放在回调函数里。下面这样是不行的：

// x.jsdefine(function(require, exports, module) {
 // 错误用法
 setTimeout(function() {
 module.exports = { a: "hello" };
 }, 0);
});

在 y.js 里有调用到上面的 x.js:

// y.jsdefine(function(require, exports, module) {
 var x = require('./x');
 // 无法立刻得到模块 x 的属性 a
 console.log(x.a); // undefined
});

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

vue中数组变化检测问题

JS上传文件时显示进度条

热心网友时间：2022-04-23 05:17

mole.exports 对象是由模块系统创建的。在我们自己写模块的时候，需要在模块最后写好模块接口，声明这个模块对外暴露什么内容，mole.exports 提供了暴露接口的方法。
1、返回一个JSON Object
var app = {
name: 'app',
version: '1.0.0',
sayName: function(name){
console.log(this.name);
}
}
mole.exports = app;1234567812345678

这种方法可以返回全局共享的变量或者方法。
调用方法：
var app = require('./app.js');
app.sayName('hello');//hello1212

或者这样用：
var func1 = function() {
console.log("func1");
};

var func2 = function() {
console.log("func2");
};

exports.function1 = func1;
exports.function2 = func2;1234567891012345678910

调用方法为：
var functions = require("./functions");
functions.function1();
functions.function2();123123

2、返回一个构造函数
CLASS.js:
var CLASS = function(args){
this.args = args;
}
mole.exports = CLASS;12341234

调用：
var CLASS = require('./CLASS.js');
varc = new CLASS('arguments');1212

3、返回一个实例对象：
//CLASS.js
var CLASS = function(){
this.name = "class";
}
CLASS .prototype.func = function(){
alert(this.name);
}
mole.exports = new CLASS();1234567812345678

调用：
var c = require('./CLASS.js');
c.func();//"class"