逻辑运算符通常用于执行布尔代数,这种情况下也返回一个布尔值。但是在学习中发现逻辑运算符的另一种用法。
逻辑与运算符( && ):
当 && 运算符的两个运算数都是布尔值时,当且仅当左右两边都是true时,它才返回true,否则返回false
但是这个运算实际行为比较特殊,由于逻辑运算符是按从左到右的顺序执行的,所以当计算位于左边的表达式时,如果这个值能转换成false(例如:null,0或者undefined),那么运算符将返回左边表达式的值,并且不会去执行右边的表达式。
console.log(null && alert('hello')); //输出null
当左边的表达式可以转换为true时,会执行右边的表达式,并且返回右边表达式的值。
'null' && alert('hello'); //执行结果是弹出消息为hello的警告框
console.log('null' && prompt()) //执行结果是先弹出对话框,控制台输出在对话框中输入的值
可以看出该运算符左边的值决定了右边的表达式能否被计算。例如:接下来的两行代码是等效的
if(a==b) alert('a=b')
a==b && alert('a=b')
需要注意的是,我们在使用&& 运算符时,要尽量避免运算符右边使用具有副作用(赋值,递增,递减,函数调用)的表达式,因为只要左边的表达式为false,右边的表达式不会去执行,这种情况称为短路计算。个人理解为程序的惰性(已经判断出整个表达式的值,不会继续判断)
null && alert('hello'); //不会去执行alert('hello')
逻辑或运算符( || ):
当 || 运算符的两个运算数都是布尔值时,当且仅当左右两边都为false时,它才返回false,否则返回true
|| 运算符的实际行为和 && 运算符一样,比较复杂。先计算位于左边的表达式,如果左边的表达式能转换为true,那么运算符将返回左边表达式的值,并且不会去执行右边的表达式。
console.log('null' || alert('hello')); //输出null,不会执行弹窗
当左边的表达式转换为false时,运算符将执行右边的表达式,并且返回右边表达式的值
console.log(null || prompt()) //执行结果是先弹出对话框,控制台输出在对话框中输入的值
和 && 运算符一样,在使用 || 运算符时,应该避免使右边的表达式产生副作用,除非故意不计算右边的表达式
逻辑非运算符( !):
!运算符是一元运算符,放在运算数前面,对运算数布尔值取反
var a ; //a为undefined
console.log(!a); //true
逻辑运算符优先级
!> && >||
false && true || true // true
false && (true || true) // false