【JavaScript】JavaScript赋值语句中的逻辑与&&和逻辑或||

在其他语言中，我们往往看到逻辑符号出现在判断语句当中，如

if(a||b){}　　

但在一些js相关的面试题或者书中，我们有时会看到逻辑与&&和逻辑或||符号出现在赋值语句或者返回语句中，如

var x=a||b;
return a&&b||c;

第一次看到时，我们很可能一头雾水，这是怎么回事？

因为在js中允许使用表达式赋值，所得的值为该表达式的运算结果。如

var a= 5;
var b= 6;
var c= a+b;
a= 10;
console.log(c);//11  js是按顺序进行，之后的赋值不会影响之前已经计算后的表达式结果

var b= 6;
var c= a+b;
var a= 5;
console.log(c);//NaN 
//js虽然是按顺序进行，但在js中变量声明会提前处理，赋值操作只有在进行到该赋值语句时才会执行，所以执行到var c= a+b;时，a只定义未赋值。返回 not a num 

我们知道，

逻辑与&&的运算规则：只有左右都是true时才为true，一边是false时就是false。

逻辑或 | | 的运算规则：只有左右都是false时才为false，一个为true时就是true。

那么，在赋值语句和返回语句中逻辑与&&和逻辑或||又是怎样呢？

赋予的和返回的值也不是判断得到的布尔值，而是运算符左右两旁某个表达式的运算结果。

对逻辑与&&来说：

当有一个false时，返回false一侧的值；

当有两个false时，返回运算符之前（左侧）的值；

当有两个true时，返回运算符之后（右侧）的值。

逻辑与&&运算属于短路运算，在按从左向右的运算顺序运算时，如果一个为假，即停止运算，并返回为假的值。如，

var a={};
var b=56;
//window.aaa为一个不存在的对象,
console.log(window.aaa && null);   //undefined
console.log(null && window.aaa);   //null
console.log(a && null);                //null
console.log(window.aaa&& a);      //undefined
console.log(a && b);                   //56
console.log(b && a);                   //object {}  

对逻辑或 | | 来说，正好同逻辑与&&相反：

当有一个true时，返回true一侧的值；

当有两个true时，返回运算符之前（左侧）的值；

当有两个false时，返回运算符之后（右侧）的值。

逻辑或 | | 运算也属于短路运算，在按从左向右的运算顺序运算时，只有第一个操作数为假，才进行第二个操作数，返回停止运算一侧的值，如

var a={};
var b=56;
console.log(window.aaa || null);   //null
console.log(null || window.aaa);   //window.aaa
console.log(a || null);                //object {}
console.log(window.aaa|| a);      //object {}
console.log(a || b);                   //object {}
console.log(b || a);                   //56