Question

我看到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; };
}));

Answer 1

tl; dr 这并不重要，但通常建议使用module.exports = ...。

更长的解释

我相信＆＃34;更好＆＃34;您显示的代码中的版本是设置module.exports的代码：

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

但是，它没有。通常，您使用jQuery-plugin的方式是通过全局$ / jQuery变量，在这种情况下，不需要module.exports = ...。使jQuery-plugin工作的路线是：

$.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（将插件导出为模块（可选）部分）

UMD：分配给module.exports多余？

1 个答案: