JS 短路运算

Boolean强制转换:除了NaN、null、""、undefined、0、function这几个为false外,其他皆为true。
短路运算的符号:    ||   &&  !  或与非。
短路运算的原理:当有多个表达式时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值。

短路运算的规则
&& 找假,先看第一个表达式的值,如果第一个表达式不是布尔类型,强制转换成布尔类型,转换若后为false,则返回第一个值(不是被强制转换后的值),否则返回第二个值
||   找真,先看第一个表达式的值,如果第一个表达式不是布尔类型,强制转换成布尔类型,转换若后为true,则返回第一个值(不是被强制转换后的值),否则返回第二个值
!  非,   看表达式的值,如果表达式的值不是布尔类型,强制转换成布尔类型,若为true,则返回false,否则返回true。

短路运算的例子

<!DOCTYPE html>
<meta charset="UTF-8">
<script>
console.log("短路运算的&和|只比较第一个表达式,并由第一个表达式和运算符号决定返回哪个值");
console.log("&&测试");
console.log("&&找假");
console.log(true&&true);
console.log(true&&false);
console.log(false&&true);
console.log(false&&false);
console.log(true&&"abs");//直接显示第二个表达式的值abs
console.log(false&&"abs");//直接显示第一个表达式的值false
console.log(""&&"abs");//什么都没显示,因为第一个表达式经Boolean强制转换后是false,所以显示第一个值
console.log("abs"&&"qwe");//直接显示qwe

console.log("||测试");
console.log("||找真");
console.log(true||true);
console.log(true||false);
console.log(false||true);
console.log(false||false);
console.log(true||"abs");//直接显示true
console.log(false||"abs");//直接显示abs
console.log(""||"abs");//显示abs
console.log("abs"||"qwe");//显示abs

console.log("!测试");
console.log(!true);
console.log(!false);
console.log(!"abs");//字符串abs经boolean强制转换后是true,!true是false
console.log(!"");//字符串经boolean强制转换后是false, !false是true
</script>

 效果图:

 

猜你喜欢

转载自onestopweb.iteye.com/blog/2316163