下面几句代码,输出的结果是什么?
var a;
var b = 'a' && a;
var c = a || 'a';
console.log('b:',b);
console.log('c:',c);
var d = {d:1};
var e = 'd' && d;
var f = d || 'd';
console.log('e:',e);
console.log('f:',f);
想清楚答案后,可以把代码复制到浏览器控制台输出一下,看看你的结果对不对。
反正我的结果是错的。
我一度认为,&& 和 || 运算返回的结果是布尔值。
然而事实是:
看到结果后,结合运算符的执行原理,就不难理解为何结果如此了。
&& 会依次执行运算符前后的表达式,若表达式的布尔值为true,则继续执行后面的表达式,若表达式的布尔值为false,则返回表达式的值(而不是布尔值)
同理,|| 会依次执行运算符前后的表达式,若表达式的布尔值为false,则继续执行后面的表达式,若表达式的布尔值为true,则返回表达式的值(而不是布尔值)