Javascript中的||运算符_javascript教程教程_H5之家 - 中国HTML5教程资源分享第一站

JS技术

Javascript中的||运算符_javascript教程教程

字号+ 作者：H5之家来源：H5之家 2015-10-03 11:12 我要评论( )

Javascript中的||运算符,学习Javascript中的||运算符,Javascript中的||运算符,查看Javascript中的||运算符,今天看一个JS的脚本，发现里面有一句话是这样子写的va

今天看一个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这个按钮了，而且前两个都不会报错。
呵呵，这个方法可以给我们的程序中带来很多方便，例如我们想要取几个不同的对象时，但又不确定这几个有哪个存在时，就使用这种方法，可以让我们省去一个个的判断了。