Javascript中的||運算符

 

今天看一個JS的腳本，發現裏面有一句話是這樣子寫的

var obj = document.getElementById("btn1") || document.getElementById("btn2");

我覺得這個很奇怪，去查了一下||符號的意思，官方的說法是，邏輯或運算，我理解的應該是返回TRUE或FALSE吧，JAVSCRIPT居然把可以找到的對象返了回來，我做了個試驗，在頁面上放一個按鈕，ID爲btn3然後我寫一句話

var obj = document.getElementById("btn1") || document.getElementById("btn2") || document.getElementById("btn3");

這個時候obj的值便是btn3這個按鈕了，而且前兩個都不會報錯。

呵呵，這個方法可以給我們的程序中帶來很多方便，例如我們想要取幾個不同的對象時，但又不確定這幾個有哪個存在時，就使用這種方法，可以讓我們省去一個個的判斷了。