Zeptojs 和 $（全局变量）

Question

起初，我认为 Zepto 仅在 $ 不可用时才定义一个“Zepto”全局变量。所以，我决定做这些测试：

First Fiddle - Pure Zepto

Second Fiddle - Zepto + jQuery

来源

HTML

<div id="first-global">
</div>
<div id="second-global">
</div>

JS

var first = document.getElementById('first-global'),
    second = document.getElementById('second-global');

first.innerHTML = $;
second.innerHTML = Zepto

两者的代码相同，唯一不同的是使用的框架。

因此，正如您在第一个小提琴中看到的那样，Zepto 初始化了两个变量 $ 和 Zepto。这不是（定义两个相同的全局变量）不好的做法吗？如果 $ 不可用，是否有一种方法可以定义 Zepto 全局？

Answer 1

来自 zeptojs.com：

"Zepto 只会将 $ 全局设置为它自己，如果它尚未定义。 没有 Zepto.noConflict 方法。”

所以这将取决于包含这些库的顺序。如果首先包含 jQuery，则 Zepto 不会覆盖全局 $。如果先包含 Zepto，则可以使用jQuery.noConflict 使$ 指向 Zepto。

不，这不是一个坏习惯 - $ 是一个简短而简单的别名，而库也有它的全名作为全局。顺便说一句，我希望这纯粹是理论上的问题 - 为什么要将两个库都包含在一个页面上？ ;)

$ 不如图书馆自己的名字可靠（正如您的问题所证明的那样）。许多库可能会尝试设置全局 $，而像 jQuery 或 Zepto 这样的变量不太可能被意外覆盖。

要确定$ 背后的内容，您可以使用以下模式：

(function($){
   $('selector').doSomething();
}(library));

其中library 是您要引用的除$ 之外的另一个全局变量（Zepto 或 jQuery）。