原生JS | 逻辑操作符的短路问题

HTML5学堂-码匠:短路,并不仅仅存在于物理学当中,JavaScript中的逻辑操作符也有短路问题,这个问题时常作为前端的考点出现哦!

面试真题

var a = 1, b = 0, c = 'HTML5学堂';
a || b && (c = '码匠');
console.log(c);
var a = 1, b = 0, c = 'HTML5学堂';
(a || b) && (c = '码匠');
console.log(c);

案例来源于某大型互联网公司的面试真题

考查的主要知识为“操作符的运算顺序”、“赋值操作符”以及“逻辑操作符的短路问题”。

运行结果:

'HTML5学堂'

'码匠'

逻辑操作符的短路问题

短路问题

短路问题,主要出现在逻辑与、逻辑或这两个操作符当中。

逻辑与( && )

当逻辑与(&&)前面是0(false)时,&&后面的表达式并不会执行。

逻辑或( || )

当逻辑或(||)前面的表达式结果“非0”(真)时,||符号后面的表达式并不会执行。

案例分析

var a = 1, b = 0, c = 'HTML5学堂';
a || b && (c = '码匠');
console.log(c);

案例解析:

a || b && (c='码匠');

该表达式当中有“逻辑与”和“逻辑或”这两种操作符,逻辑与的优先级要优于逻辑或,因此该表达式,等价于 a || ( b && (c=‘码匠’))。

由于a的值为1,在布尔值当中会被转换为true,对于逻辑或(||),一真必真,当第一个表达式为真时,第二个表达式就不再执行了,因此并没有执行(b&& (c='码匠'))这句代码,c也就没有被赋值了。

var a = 1, b = 0, c = 'HTML5学堂';
(a || b) && (c = '码匠');
console.log(c);

案例解析:

(a || b) && (c='码匠');

该表达式,先计算(a || b),该表达式的结果为true,对于逻辑与(&&)来说,只有两个表达式均为真,最终结果才能够为真。因此,当第一个表达式为真时,需要进行第二个表达式的执行。

因此,c='码匠';会被执行,c也被赋值为'码匠'。

相关案例练习

可以尝试以下案例,加强或测试一下自己的知识。

习题1

var a = 4, b = 3;

c = (a < b) && (a = 5);

console.log(a);

习题2

var a = 2, b = 3;

c = (a < b) || (a = 5);

console.log(a);

参考答案

习题1 运行结果:

4

习题2运行结果:

2

相关知识说明

操作符优先级(由高到低)

逻辑非

前置递增和前置递减

算术操作符

关系操作符

逻辑与 逻辑或

条件操作符

赋值操作符

原文发布于微信公众号 - HTML5学堂(h5course-com)

原文发表时间:2017-05-10

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏数据结构与算法

Link-Cut-Tree(LCT)详解

1560
来自专栏章鱼的慢慢技术路

笔试常考题型之时间复杂度

1113
来自专栏章鱼的慢慢技术路

笔试常考题型之时间复杂度

2006
来自专栏King_3的技术专栏

leetcode-258-Add Digits

1824
来自专栏iKcamp

翻译连载 | 第 9 章:递归(上)-《JavaScript轻量级函数式编程》 |《你不知道的JS》姊妹篇

原文地址:Functional-Light-JS 原文作者:Kyle Simpson-《You-Dont-Know-JS》作者 第 9 章:递归(上) 在下一页...

1969
来自专栏深度学习与计算机视觉

Python Numpy简介

原文地址:What is Numpy? Numpy是应用Python进行科学计算时的基础模块。它是一个提供多维数组对象的Python库,除此之外,还包含了多种衍...

18710
来自专栏java一日一条

编程面试过程中常见的10大算法

以下是在编程面试中排名前10的算法相关的概念,我会通过一些简单的例子来阐述这些概念。由于完全掌握这些概念需要更多的努力,因此这份列表只是作为一个介绍。本文将从J...

602
来自专栏人工智能LeadAI

讨厌算法的程序员 1 | 插入排序

什么是算法 在说插入排序之前,我们了解下《算法导论》对算法的从两种不同角度的定义。 一般性解释: 算法是定义良好的计算过程,它取一个或一组值作为输入,并产生出一...

2747
来自专栏Code_iOS

算法?

建议数据结构和算法分开来学,这里只有算法,没有什么是数据结构!数据结构在这里; --->> 点我

643
来自专栏CDA数据分析师

开工大吉:几个让你月薪3万+的excel神技能

来源:运营圈信息流广告 职场中经常会用到哪些函数? IF函数、SUMIF函数、VLOOKUP函数、SUMPRODUCT函数...... 小编总结了8个在工作中常...

3596

扫描关注云+社区