javascript - 执行下面的语句后，V的值为什么是这样？

Question

var v = v || 10; 

var v = 0 || 10; 

var v = 5 || 10; 

var v = null || 10; 

依次执行这四个语句，得到V的值分别是10、10、5、10。
新手不太理解为什么，求解，感谢！

Answer 1

||为短路或，A||B的执行规则为:

• 1.A为true取A;

• 2.A为false取B

  var v = v || 10;

执行顺序为先执行 var v (变量声明提升);再执行v||10,此时v为undefined，转化为布尔值为false,则取10,即将10赋予v。

var v = 0 || 10; 
var v = 5 || 10; 
var v = null || 10;

这三个自己分析一下,应该可以了。

---

补充一点。依次执行的话，同作用域内已声明过的变量是不会被重新声明的，即后三个var a是不会被执行的，只会执行 v = ***。

Answer 2

expr1 || expr2

如果expr1能转换成true则返回expr1,否则返回expr2. 因此,在boolean环境(在if的条件判断中)中使用时, 二者操作结果中只要有一个为true,返回true;二者操作结果都为false时返回false.

能够转换为false的表达式有:null,0,""和undefined.

出处：MDN - 逻辑运算符