JavaScript - javascript 中的 "||" 与 "&&" 的理解与灵活运

你肯定见到过这样的代码：a = a||"xxx".

它其实就等价于下面三种形式的代码：

a = a || "xxx";

与：

if (!a) {
   a = "xxx";
}

和：

if (a == null || a == "" || a == undefined) {
    a = "xxx";
}

 

如何理解三种代码。首先必须理解一个问题： javascript 中的数据类型在与bool类型转换时候发生了什么？

javascript中，数据类型可以分为 “真值” 和 “假值”。也就是说，真值转换为bool类型时，为true; 假值转换为bool类型时，为false。下列为了一些常见的数据类型转为bool类型时的值：

数据类型	转换为bool后的值
null	FALSE
undefined	FALSE
Object	TRUE
function	TRUE
0	FALSE
1	TRUE
0、1之外的数字	TRUE
字符串	TRUE
""(空字符串)	FALSE

在 if表达式中，javascript 首先将条件表达式转换为bool类型，表达式为真值则执行 if 中的逻辑， 否则跳过。

那么，再来看看 “&&” 和 “||” 这两个javascript 表达式。 javascript 是若类型预言，所以在javascript中这两个表达式可能跟其他语言中不太一样。

&& 的运算法则如下：

如果 && 左侧表达式的值为真值，则返回右侧表达式的值；否则返回左侧表达式的值。

也就是说：

var i = "" && "真值"； // -> i = "";
i = "真值" && "其他真值"； // -> i = "其他真值"
i = "真值" && ""; // -> i = ""

|| 的运算法则如下：

如果|| 左侧表达式的值为真值，则返回左侧表达式的值；否则返回右侧表达式的值。

var i = "" || "真值"； // -> i = "真值";
i = "真值" || "其他真值"； // -> i = "真值"
i = "真值" || ""; // -> i = "真值"

这样也就可以理解 a = a || "xxx"; 的逻辑了：如果 a 为假值 （等于null， 空字符串 "" ....），则 "xxx" 赋给 a; 否则，将 a 的值赋给 a 本身.

 

下面举例应用，运用 || 和 && 来简化程序：

var parameter="";  
function test(parameter){  
    //return 真值  
    return true;  
}  
  
//真值操作  
function operate1(parameter){  
    return "真值操作";  
}  
  
//假值操作  
function operate2(parameter){  
    return "假值操作";  
}  
  
var result=test(parameter)&&operate1(parameter);  
result=test(parameter)||operate2(parameter);  
  
//等价于  
result=test(parameter)?operate1(parameter):operate2(parameter);  
  
alert(result); //真值操作  
  
//也等价于  
if(test(parameter)){  
    result=operate1(parameter);  
}else{  
    result=operate2(parameter);  
}  
  
alert(result) //真值操作  

 

JACK

@@ 12/11/2014 NJ USA