短路表达式

什么是短路表达式

作为"&&"和"||"操作符的操作数表达式,这些表达式在进行求值时,只要最终的结果已经可以确定是真或假,求值过程便告终止,这称之为短路求值。这是这两个操作符的一个重要属性。
而在js逻辑运算中,0、""、null、false、undefined、NaN都会判为false,其他都为true. 利用上述特性,我们可以在项目开发中用短路表达式 精简某些代码,不过随之带来的弊端就是 代码的可读性不高。

||

||先计算第一个运算数,如果可以被转换成true,则返回左边这个表达式的值,否则计算第二个运算数。

场景

1、var attr = attr || "";
这个运算经常用来判断一个变量是否已定义,如果没有定义就给他一个初始值,在给函数的参数定义一个默认值的时比较有用。
2、var foo = foo||bar;
等同与//如果foo存在,值不变,否则把bar的值赋给foo

if(!foo){
    foo = bar;
}

4、&&,它先计算第一个表达式,若为假,就不会去处理第二个表达;
否则继续处理后继表达式。从左到右选取表达式的第一个为非true的表达式的值,
如果一直未找到则返回最后一个表达式的值。

场景

3、

2 && 's1' && '123' && 'sss' 表达式的值等于 'sss' 
2 && 's1' && '' && 'sss' 表达式的值等于 '' 
2 && 's1' && NaN && 'sss'表达式的值等于 NaN 

例子

1、

var a=3,b;
if(a == 3){
    b=6;
}else if(a == 2){
    b=4;
}else{
   b=1
}
等同于

b = a==3 && 6 ||
      a==2 && 4 ||
      1

*****不适用

var a=3;
if(a == 3){
   alert("yes")
}else{
  alert("no")
}
a==3 && alert("yes")||alert("no");
测试 a==3时候  先输出  alert('yes')
再输出 alert('no')
因为alert('www)执行之后没有返回值,结果为 undefined 所以会继续计算右边表达式
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,084评论 19 139
  • var foo,bar;foo = foo || bar;//如果foo存在,值不变;否则把bar的值赋值给foo...
    大兵_HERG阅读 2,383评论 0 0
  • 表达式和运算符 程序中最简单的表达式就是,程序中的常量 变量名也是一种简单的表达式 复杂的表达式是由简单的表达式组...
    zhaolion阅读 5,577评论 3 12
  • 前言 人生苦多,快来 Kotlin ,快速学习Kotlin! 什么是Kotlin? Kotlin 是种静态类型编程...
    任半生嚣狂阅读 26,518评论 9 118
  • 今天去了趟花鸟市场,拍了几张照片,勉强的只有这几张可以用!
    言吾小姐阅读 1,297评论 0 0

友情链接更多精彩内容