首页 > 代码库 > JavaScript - javascript 中的 "||" 与 "&&" 的理解与灵活运
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
JavaScript - javascript 中的 "||" 与 "&&" 的理解与灵活运
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。