使用$的多個圖書館的javascript結果如何？

Question

讓我們假裝這是在你的html頁面的<head>中。

OOPS之前有點遺漏...... ：

<script type="text/javascript" src="/include/js/billys.js"></script>
<script type="text/javascript" src="/include/js/susies.js"></script>
<script type="text/javascript" src="/include/js/marys.js"></script>

3個腳本的順序可能會有所不同。 會有什么結果？

比利將$定義為

function $ () {
 return false;
}

蘇西將$定義為

function $ () {
 return document.getElementById('body');
}

瑪麗將$定義為

function $ () {
 alert('I wrote this');
}

Answer 1

無論什么是最后的是$的最終定義

這就是為什么在（例如）jQuery中有noConflict()允許你使用不同的變量而不是$ for jQuery

Answer 2

為什么不試試呢？

function $ () {
 return false;
}
function $ () {
 return document.getElementById('body');
}
function $ () {
 alert('I wrote this');
}
$(); // alerts "I wrote this"

后面的定義會覆蓋現有的定義。 這就是為什么在定義函數之前檢查函數是否已存在的一般做法。 例如

if (typeof $ !== 'function') {
    function $(){ /* your code */}
}

或以某種明智的方式失敗。

Answer 3

最后一個具有相同名稱的函數獲勝。

使用$的多個圖書館的javascript結果如何？

問題描述

3 個解決方案

解決方案1
18 已采納 2011-05-11 19:42:26

解決方案2
16 2011-05-11 19:44:13

解決方案3
5 2011-05-11 19:43:29

使用$的多個圖書館的javascript結果如何？

問題描述

3 個解決方案

解決方案1 18 已采納 2011-05-11 19:42:26

解決方案2 16 2011-05-11 19:44:13

解決方案3 5 2011-05-11 19:43:29

解決方案1
18 已采納 2011-05-11 19:42:26

解決方案2
16 2011-05-11 19:44:13

解決方案3
5 2011-05-11 19:43:29