js短路,||、&&、!!短路运算符的使用

正如标题所言,js中||和&&的特性帮我们精简了代码的同时,也带来了代码可读性的降低。这就需要我们自己来权衡了,下面有个不错的示例,在js逻辑运算中,0、""、null、false、undefined、NaN都会判为false,其他都为true. 

||,先计算第一个运算数,如果可以被转换成true,则返回左边这个表达式的值,否则计算第二个运算数。即使||运算符的运算数不是布尔值,任然可以将它看作布尔OR运算,因为无论它返回的值是什么类型,都可以被转换为布尔值。 
利用它对非布尔型的值会将其返回的特性:对非布尔型的运算数使用||,用于选取一组备选值中的第一个定义了的并且非空的值(第一个为非false的值) 

例: 
var max = max_width || obj.max_width || 500 ; 
var attr = attr || "";这个运算经常用来判断一个变量是否已定义,如果没有定义就给他一个初始值,在给函数的参数定义一个默认值的时比较有用。 

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

例:(其中的味道还需要细心琢磨) 

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

if(a >=5){ 
alert("你好"); 

可以简成: 
a >= 5 && alert("你好"); 

!!,typeof 5和typeof !!5的区别,这是一种更严谨的写法,的作用是把一个其他类型的变量转成的bool类型。例如, if(!!attr) <=> if(attr) 

js中||和&&的特性帮我们精简了代码的同时,也带来了代码可读性的降低。这就需要我们自己来权衡了。

JS中的startWith功能的巧妙实现,alert(!'asdf'.indexOf('asd')) <=> !0 = true

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 中,`||` 和 `&&` 是逻辑运算符,它们的作用是对表达式进行逻辑判断并返回相应的结果。 - `||`(逻辑或)运算符:当两个操作数中的任意一个为真(truthy)时,返回第一个为真的操作数,如果两个操作数都为假(falsy),则返回最后一个假的操作数。以下是 `||` 运算符的真值表: | 操作数 1 | 操作数 2 | 结果 | | -------- | -------- | ---- | | 真 | 任意 | 真 | | 假 | 真 | 真 | | 假 | 假 | 假 | - `&&`(逻辑与)运算符:当两个操作数都为真(truthy)时,返回最后一个为真的操作数;如果其中一个或两个操作数为假(falsy),则返回第一个为假的操作数。以下是 `&&` 运算符的真值表: | 操作数 1 | 操作数 2 | 结果 | | -------- | -------- | ---- | | 真 | 真 | 真 | | 真 | 假 | 假 | | 假 | 任意 | 假 | 下面是一些示例来说明 `||` 和 `&&` 的使用: ```javascript const a = true; const b = false; const c = true; console.log(a || b); // 输出 true,因为 a 为真 console.log(a && b); // 输出 false,因为 b 为假 console.log(a || c); // 输出 true,因为 a 为真 console.log(a && c); // 输出 true,因为 c 为真 console.log(b || c); // 输出 true,因为 c 为真 console.log(b && c); // 输出 false,因为 b 为假 ``` 需要注意的是,`||` 和 `&&` 运算符的操作数不一定是布尔值。在 JavaScript 中,它们会进行短路求值,即在能够确定整个表达式结果后就停止计算。例如,对于 `||` 运算符,如果第一个操作数为真,则整个表达式的结果就是第一个操作数,不会再计算第二个操作数。 希望以上解答能对你有所帮助!如果你有任何其他问题,请随时提问。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值