javascript - 将依赖对象传递给 Javascript 模块时遇到问题

Question

我有以下代码:

var myModule = (function($) {
  // Insert code here
} (jQuery || Zepto));

如果我没有在页面上引用 jQuery，脚本会出错并显示 jQuery is undefined.在代码中有很多次我会写 var foo = missingObj || fallbackObj;它工作正常。

我试图找出 a) 为什么它在这种情况下不起作用，以及 b) 有什么替代方案，因为我想使用使用这两个框架的项目。

Answer 1

var foo = missingObj || fallbackObj;

仅在 missingObj 未声明时有效。例如。当 missingObj 是一个值为 undefined 的参数时会发生这种情况(这是 x = y || default 的最常见用例)

你要找的代码是

} (window.jQuery || window.Zepto));

所以基本上它不起作用的原因是因为您混淆了具有 undefined 值的对象和未声明的对象。

访问 jQuery 是在访问一个未声明的值，这是行不通的。访问 window.jQuery 就是访问一个未定义的值，这确实有效。

例如

function jQuery(options) {
  options = options || {};
  ...
}

之所以有效，是因为 options 是未定义的，而不是未声明的