0

我看到 JS 库使用这两种不同的实现。唯一的区别是 CommonJS 行。

它们在功能上是否相同？不需要将值分配给 module.exports 吗？

/* 1: Assignment to module.exports */
(function(factory) {
  if (typeof define === 'function' && define.amd) {
    // AMD
    define(['jquery'], factory);
  } else if (typeof module === 'object' && module.exports) {
    // CommonJS
    module.exports = factory(require('jquery'));
  } else {
    // Browser globals
    factory(jQuery);
  }
}(function($) {
  $.fn.jqueryPlugin = function () { return true; };
}));

/* 2: Doesn't assign to module.exports */
(function(factory) {
  if (typeof define === 'function' && define.amd) {
    // AMD
    define(['jquery'], factory);
  } else if (typeof module === 'object' && module.exports) {
    // CommonJS
    factory(require('jquery'));
  } else {
    // Browser globals
    factory(jQuery);
  }
}(function($) {
  $.fn.jqueryPlugin = function () { return true; };
}));
4

1 回答 1

2

tl; dr这并不重要，但module.exports = ...通常建议包括在内。

更长的解释

我相信您显示的代码中的“更好”版本是确实设置的版本module.exports：

module.exports = factory(require('jquery'));

但是，它不必。通常，您使用 jQuery 插件的方式是通过全局$/jQuery变量，在这种情况下module.exports = ...不需要。使 jQuery 插件工作的行是：

$.fn.jqueryPlugin = function () { return true; };

但是——原则上——你可以像这样使用插件，直接调用它而不通过 jQuery：

myjQueryPlugin = require('myjQueryPlugin');
var $myElement = $('#my-element');
myjQueryPlugin.apply($myElement, {});

在这种情况下，您需要设置module.exports. 请注意，这看起来确实有点奇怪，因此通常大多数人不会像这样使用您的插件。

通过设置module.exports您支持这两个用例，而不会丢失任何东西。

另请参阅：http: //blog.npmjs.org/post/112712169830/making-your-jquery-plugin-work-better-with-npm（将插件导出为模块（可选）部分）

于 2016-12-27T13:12:10.287 回答