JavaScript逻辑运算符的使用技巧

前言

!, &&, || 三个运算符是JavaScript中重要的逻辑运算符，本文将介绍这三个运算符在JavaScript实际编程中的有趣使用技巧。

取反运算符（!）

如果对一个值连续做两次取反运算，等于将其转为对应的布尔值，与Boolean函数的作用相同。

!!x
// 等同于Boolean(x)
复制代码

两次取反就是将一个值转为布尔值的简便写法。

var str='test';
var bl=!!str;
bl
// trueBoolean(str)
// true
复制代码

且运算符（&&）

且运算符的运算规则是：如果第一个运算子的布尔值为true，则返回第二个运算子的值（注意是值，不是布尔值）；如果第一个运算子的布尔值为false，则直接返回第一个运算子的值，且不再对第二个运算子求值。

我们可以利用这个运算规则取代if结构，比如下面是一段if结构的代码，就可以用且运算符改写。

if (i) {doSomething();
}// 等价于i && doSomething();
复制代码

这种跳过第二个运算子的机制，被称为“短路”。

或运算符（||）

或运算符的运算规则是：如果第一个运算子的布尔值为true，则返回第一个运算子的值，且不再对第二个运算子求值；如果第一个运算子的布尔值为false，则返回第二个运算子的值。

var x = 1;
true || (x = 2) // true
x // 1
复制代码

短路规则对这个运算符也适用。

function saveText(text) {text = text || 'test';// ...
}// 或者写成
saveText(this.text || 'test')
复制代码

利用短路规则，或运算符可以为一个变量设置默认值。

转载于:https://juejin.im/post/5cfa13395188254628166a68

JavaScript逻辑运算符的使用技巧相关推荐

JavaScript正则表达式快速判断技巧
原文:JavaScript正则表达式快速判断技巧这里是JS的正则的一点心得,并不是最完整的规则汇总,更侧重实际运用中的快速判断,初学者接触正则之后往往会被一堆星号括号给弄晕,有了一些速判技巧就能从整 ...
JavaScript的方法和技巧
摘自http://www.cnblogs.com/Jamedy/archive/2007/02/14/650079.html 有些时候你精通一门语言,但是会发现你其实整天在和其它语言打交道,也许你以为 ...
JavaScript的一些实用技巧收藏
JavaScript的一些实用技巧收藏 [Copy to clipboard] CODE: 1. οncοntextmenu="window.event.returnValue=false& ...
增强优化JavaScript性能的方法 - 技巧大全
一.优化页面加载时间在修改JavaScript代码提升网页或应用程序的性能之前,我们先了解一下客户端与JavaScript代码之间的交互处理: JavaScript代码通过HTML的<scri ...
12 个提高JavaScript编码效率的 NPM 技巧
12 个提高JavaScript编码效率的 NPM 技巧本文翻译自 blog.bitsrc.io/npm-tips-an- NPM,Node Package Manager,是 JavaScript ...
[转]javascript常用的小技巧
javascript常用的小技巧分类: javascript 2011-12-19 09:30 170人阅读评论(1) 收藏举报事件源对象 event.srcElement.tagName e ...
使用JavaScript的一些小技巧
作者:Airen https://www.w3cplus.com/javascript/javascript-tips.html 任何一门技术在实际中都会有一些属于自己的小技巧.同样的,在使用Java ...
JavaScript 调试建议和技巧
浏览器开发者工具我个人最喜欢Chrome开发者工具.虽然Safari和Firefox无法达到Chrome那么高的标准,但它们也在逐渐改善.在Firefox中,可以将Firebug和Firefox开发 ...
javascript常用函数和技巧
学习和工作的过程中总结的干货,包括常用函数.常用js技巧.常用正则表达式.git笔记等.为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路. PS:此文档,我会持续更新. Aj ...

JavaScript逻辑运算符的使用技巧

前言

取反运算符（!）

且运算符（&&）

或运算符（||）

JavaScript逻辑运算符的使用技巧相关推荐

最新文章

热门文章