js逻辑运算符&&、||和!

逻辑运算符通常用于执行布尔代数,这种情况下也返回一个布尔值。但是在学习中发现逻辑运算符的另一种用法。

逻辑与运算符( && ):
当 && 运算符的两个运算数都是布尔值时,当且仅当左右两边都是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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值