判斷JavaScript對象是否可用的最正確方法分析_javascript技巧

判斷對象存在的方法

很快你就會注意到，JavaScript的部分功能在部分瀏覽器中無效。如果你要使用一些腳本的高級特性，你首先要檢查瀏覽器是否支持要使用的對象，本文具體說明判斷的正確方法。

通過判斷瀏覽器的版本：不！

如果你想知道瀏覽器是否支持代碼中使用的那些對象，記住，永遠(yuǎn)都不要通過瀏覽器的版本來判斷。我確定你知道，有些瀏覽器支持你的代碼，而有些瀏覽器不支持你的代碼，可是你考慮過其他的瀏覽器么？那些不知名的小瀏覽器？

就算你可以檢測出90%的用戶所使用的瀏覽器及版本，還是有一些不出名的瀏覽器不能正確運(yùn)行你的代碼，結(jié)果要么是一大堆異常信息，要么是某些腳本沒有被正確的執(zhí)行。不管是哪種情況，你都是在使用漏洞百出的代碼欺騙最終瀏覽網(wǎng)站的用戶。

個案研究：mouseovers

一個古老的個案可以證實上述的說法。雖然這種情況現(xiàn)在已經(jīng)不存在，但是同樣原理的例子還是存在的。

一個公認(rèn)的事實就是IE 3不支持document.images這個數(shù)組，但這個數(shù)組對mouseover腳本又是極為重要。所以我們就應(yīng)該禁止mouseover腳本在IE 3瀏覽器中執(zhí)行。解決方案之一就是對瀏覽器進(jìn)行判斷，當(dāng)判斷出用戶使用的瀏覽器是IE 3的時候，就不執(zhí)行這個函數(shù)。

但是，在大多數(shù)操作系統(tǒng)中，Netscape 2瀏覽器同樣不支持document.images數(shù)組。如果你僅僅判斷瀏覽器是不是IE 3，那么使用Netscape 2的用戶就會看到一大堆異常信息。

那為什么不連同Netscape 2一起檢測呢？因為就算這樣做也是無事于補(bǔ)。

運(yùn)行在OS/2上的Netscape 2是和Netscape 3完全兼容的，而且可以很好的處理mouseover效果。盡管如此，大家為什么還會經(jīng)?？床坏竭@個效果呢？因為web開發(fā)者使用了瀏覽器檢測的手段，在 mouseover腳本中屏蔽了Netscape 2瀏覽器。因此開發(fā)者們，在沒有充足理由的情況下，剝奪了用戶擁有良好互動體驗的權(quán)利。合適的對象檢測方法可以避免這種情況的發(fā)生。

最后，越來越多的瀏覽器允許用戶把瀏覽器的認(rèn)證字符串修改為自己喜歡的內(nèi)容，這樣就存在很大的可能性，檢測不出用戶真實使用的瀏覽器以及版本，自然就不能保證無故障的運(yùn)行代碼了。由此，web開發(fā)者再次剝奪了用戶額外互動效果的權(quán)利。更糟的是，這樣的代碼通常寫的很爛。

既然瀏覽器的版本不可靠，那么是否JavaScript的版本更加可信一些呢？

通過判斷JavaScript的版本：不！

在最初規(guī)劃的時候，Netscape完全意識到未來的瀏覽器會支持比現(xiàn)在多得多的對象，而web開發(fā)者必須能夠把新老瀏覽器區(qū)分開來。

起初的計劃是讓開發(fā)者對瀏覽器的版本進(jìn)行判斷。比如某某瀏覽器只能支持JavaScript 1.x等。在script標(biāo)簽中增加version屬性，這樣如果瀏覽器不支持相應(yīng)版本的JavaScript，自然就不會執(zhí)行這段腳本。

但是，當(dāng)Microsoft涉足瀏覽器市場后，這個想法就無法進(jìn)行下去了。盡管早在Netscape 4和IE 4的時候就都支持JavaScript 1.2，可是就算再有想象力的人也不會相信他們支持的是相同的JavaScript 1.2。因為這個版本號已經(jīng)過時了，而且肯定和對象檢測不相干。

所以不要使用JavaScript的版本號來做什么，他們沒什么實際的作用。

正確的方法：對象判斷

相反，我們只需通過簡單的方法來判斷瀏覽器是否支持要使用的對象（或者是方法、數(shù)組或者屬性）。我們還是使用mouseover這個例子。這段腳本依賴于document.images這個數(shù)組，所以最重要的事情當(dāng)然是判斷瀏覽器是否支持他，下面是具體的做法：

if (document.images)
{
do something with the images array
}

現(xiàn)在你有了一個完全的保障，運(yùn)行這段代碼的瀏覽器肯定支持這段腳本。條件語句判斷document.image這個數(shù)組是否存在，如果返回true，那么這段腳本將會被執(zhí)行，反之如果這個數(shù)組不存在，將會返回false，而且這段腳本肯定不會被執(zhí)行。

還有一個常用的檢測是針對window.focus的。這是一個方法（一條你告訴JavaScript要去做什么的命令）。如果我們要使用這個方法，我們必須首先檢測瀏覽器是否支持這個方法。

檢測函數(shù)是否存在的正確方法如下，牢記千萬不要在函數(shù)后面加括號：

if (window.focus)

上面這段代碼的含義是：“瀏覽器是否支持window.focus這個函數(shù)”，而下面這段代碼的含義不同：

if (window.focus())

這段代碼是對focus的結(jié)果進(jìn)行判斷，而且已經(jīng)假設(shè)瀏覽器是支持focus方法的，而如果不支持，這時候就會報異常了。加了括號以后實際上執(zhí)行了函數(shù)，而這并不是我們想要的狀況。所以檢測的時候不要加括號，而只有在檢測通過后才加上括號執(zhí)行這個函數(shù)。比如下面這個例子：

if (window.focus) window.focus()

重點

以上討論的所有重點就是：在JavaScript中，如果你要使用document.images，首先判斷是否支持document.images。如果你要使用window.focus方法，首先判斷是否瀏覽器是否支持這個方法。

如果你總是在使用對象前進(jìn)行檢測，你的腳本將不會產(chǎn)生類似問題的異常，付出的代碼只是有些功能在部分瀏覽器中被屏蔽掉了而已。

譯者注：

任何戰(zhàn)爭都是會帶來很多副作用的，本文所介紹的情況主要是發(fā)生在瀏覽器大戰(zhàn)的時候的，就像冷戰(zhàn)一樣，造成了很多遺留的問題。但是后來ecma- 262標(biāo)準(zhǔn)的實施，讓這種情況得到些許緩和，可是在ecma-262第三版中明確規(guī)定，允許各家自己對其進(jìn)行擴(kuò)展，擴(kuò)展的結(jié)果自然就是不兼容，自然要使用 本文的方法進(jìn)行判斷。索性，我們現(xiàn)在只是不用判斷所有的對象，如果一個瀏覽器宣布支持ecma-262標(biāo)準(zhǔn)，至少我們知道哪些對象不用判斷，也算是一種慰 藉吧。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com