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这个按钮了，而且前两个都不会报错。

呵呵，这个方法可以给我们的程序中带来很多方便，例如我们想要取几个不同的对象时，但又不确定这几个有哪个存在时，就使用这种方法，可以让我们省去一个个的判断了。