JS 的&&和||在语句中的用法请教

[Daoma]

##最近正在学 JS，找了点练习来做，然后看到如下的代码：
for (var i = 0; i < oBtn.length; i++)
{
oBtn[i].index = i;
oBtn[i].onclick = function ()
{
this.index == oBtn.length - 1 && (oDiv.style.cssText = "");
changeStyle(oDiv, oAtt[this.index], oVal[this.index]);
}
}
然后我上网搜了一下明白了 var c=a||b;这种情况时
a && b :如果执行 a 后返回 true，则执行 b 并返回 b 的值；如果执行 a 后返回 false，则整个表达式返回 a 的值，b 不执行。和
a || b :如果执行 a 后返回 true，则整个表达式返回 a 的值，b 不执行；如果执行 a 后返回 false，则执行 b 并返回 b 的值。

但还是不明白这句 this.index == oBtn.length - 1 && (oDiv.style.cssText = "");怎么操作的 index ？？？萌新望大佬解答

[whileFalse]

这种炫技代码是需要被狠狠修理的。

[aa6563679]

js 其实不管什么东西都能往判断语句里塞。那段代码等同与 if(this.index == oBtn.length - 1){
oDiv.style.cssText = "";
}

[Daoma]

@aa6563679 噢噢，我明白了！

[Daoma]

@whileFalse 刚刚搞懂了。。。这种写法除了图省事炫技外有弊端吗？

[DOLLOR]

短路求值

[gam2046]

反正我觉得这样的写法并不好，除了提升逼格，毫无意义。因为令人更难理解了。常见的写法还有

foo = a || b

a 和 b 都是一个对象，表达的意思就是
if( typeof(a) == "undefined"){
foo = b
}else{
foo = a
}

也就是说 b 是一定兜底的值，确保 foo 一定被定义了。

反正自己觉得动态语言真的是写的一时爽，重构火葬场。

[crysislinux]

弊端就是会挨打

[lihongjie0209]

傻逼写法, 不可取

[mywaiting]

&& 相当于 and, || 相当于 or 这样理解就可以了~

[Pastsong]

var a = b && c || d ? e : f

[we2ex]

|| 在 ES6 之前经常被作为实现默认参数的 tricky 手段

[vegito2002]

short circuit. 严格来说并不算是炫技了. 上 OS 的时候的 Pintos 系统的源码里面就有这种写法.

[vegito2002]

至于赋值语句直接当成 boolean 来用这个的话, 除了 C 以外的语言确实推荐少用, 是容易被喷.

[watzds]

|| 在其他语言里也差不多啊，不就是前面不满足就用后面嘛，只是其他语言里要求 bool

[xjp]

&& || 返回的值并不是 boolean

[codermagefox]

@gam2046 说&&炫技我资磁，但是||咋就炫技了？
不用这个，如何确保自己传值的时候每个字段名都有缺省值？

[raawaa]

|| 不算啥，&& 才比较绕。
第一次见到 return a && b 的时候我是懵逼的。
不过弄懂了之后其实也很简单。

[raawaa]

其实很简单啊。
|| 是如果前面的结果是 true，就不运行后面的了。
&& 是如果前面的结果是 false，就不运行后面的了。
许多语言的 boolean 运算不都是这样的嘛。

[lihongjie0209]

@raawaa #18 真的简单的话就不需要你去弄懂了, 也不需要你去解释给我们听了

[SoloCompany]

只要写过 shell 脚本的根本不会存在理解门槛