seaJsのexportsとmodule.exportsの違いの詳しい説明

この記事では、seaJs の使用経験に基づいて、exports と module.exports の違いを主に紹介し、exports と module.exports の具体的な機能、使用方法、関連する操作上の注意点をサンプル形式で分析します。この記事の例へ

seaJs の使用経験に基づいて、exports と module.exports の違いについて説明します。以下のように、皆さんと共有してください:

1.exports は module.exports の補助オブジェクトです。exports が外部に API を提供する場合、exports モジュールを返すために return を使用する必要があります。エクスポートは、外部の世界に API を直接提供することもできます

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

exports オブジェクトexports は、モジュールインターフェイスを外部の世界に提供するために使用されるオブジェクトです。外の世界。

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

エクスポート オブジェクトにメンバーを追加するだけでなく、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 への単なる参照です。エクスポートがファクトリ内で再割り当てされる場合、module.exports の値は変更されません。したがって、エクスポートに値を割り当てることは無効であり、モジュール インターフェイスの変更には使用できません。

module.exports Object現在のモジュールによって提供されるインターフェース。

ファクトリ コンストラクターに渡されるエクスポート パラメーターは、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
});

以上がseaJsのexportsとmodule.exportsの違いの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。