短路表达式

什么是短路表达式

作为"&&"和"||"操作符的操作数表达式，这些表达式在进行求值时，只要最终的结果已经可以确定是真或假，求值过程便告终止，这称之为短路求值。这是这两个操作符的一个重要属性。

而在js逻辑运算中，0、""、null、false、undefined、NaN都会判为false，其他都为true. 利用上述特性，我们可以在项目开发中用短路表达式 精简某些代码，不过随之带来的弊端就是 代码的可读性不高。

||

||先计算第一个运算数，如果可以被转换成true，则返回左边这个表达式的值，否则计算第二个运算数。

场景

1、var attr = attr || "";

这个运算经常用来判断一个变量是否已定义，如果没有定义就给他一个初始值，在给函数的参数定义一个默认值的时比较有用。

2、var foo = foo||bar;

等同与//如果foo存在，值不变，否则把bar的值赋给foo

if(!foo){
    foo = bar;
}

}

4、&&,它先计算第一个表达式，若为假，就不会去处理第二个表达；

否则继续处理后继表达式。从左到右选取表达式的第一个为非true的表达式的值，

如果一直未找到则返回最后一个表达式的值。

场景

3、

2 && 's1' && '123' && 'sss' 表达式的值等于 'sss' 
2 && 's1' && '' && 'sss' 表达式的值等于 '' 
2 && 's1' && NaN && 'sss'表达式的值等于 NaN

例子

1、

var a=3,b;
if(a == 3){
    b=6;
}else if(a == 2){
    b=4;
}else{
   b=1
}
等同于
b = a==3 && 6 ||
      a==2 && 4 ||
      1

*****不适用

var a=3;
if(a == 3){
   alert("yes")
}else{
  alert("no")
}
a==3 && alert("yes")||alert("no");
测试 a==3时候  先输出  alert('yes')
再输出 alert('no')
因为alert('www)执行之后没有返回值，结果为 undefined 所以会继续计算右边表达式