javascript逻辑运算符“||”和“&&”

一道经典的前端面试题:

alert(1 && 2) 得到的结果是什么? A:true      B:false      C:1      D:2

请带着你的回答,往下看……

逻辑或

逻辑或,也就是“||”。从字面上来说,只有前后都是 false 的时候才返回 false,否则返回 true。

  1. alert(true||false);    // true
  2. alert(false||true);    // true
  3. alert(true||true);        // true
  4. alert(false||false);    // false

但是,从深层意义上来说的话,却有另一番天地,试下面代码

  1. alert(0||1);

显然,我们知道,前面0意味着false,而后面1意味着true,那么上面的结果应该是true,而事实返回的结果是1。再看下面代码:

  1. alert(2||1);

我们知道,前面2是true,后面1也是true,那返回结果又是什么呢?测试结果是2,继续看:

  1. alert('a'||1);

同样,前面'a'是true,后面1也是true;测试结果是'a',下面

  1. alert(''||1);

由上,我们知道前面''是false,后面1是true,而返回结果是1。再看下面

  1. alert('a'||0);

前面'a'是true,而后面0是false,返回结果是'a',继续下面

  1. alert('a'||'b');

前面'a'是true,后面'b'是false,返回结果是'a',我们继续下面

  1. alert(''||0);

前面''是false,后面0同样是false,返回结果是0

  1. alert(0||'');

前面0是false,后面''是false,返回结果是''

这就意味

1、只要“||”前面为false,不管“||”后面是true还是false,都返回“||”后面的值。

2、只要“||”前面为true,不管“||”后面是true还是false,都返回“||”前面的值。

逻辑与

下面说说逻辑与(&&),从字面上来说,只有前后都是true的时候才返回true,否则返回false。

  1. alert(true&&false);    // false
  2. alert(true&&true);    // true
  3. alert(false&&false);    // false
  4. alert(false&&true);    // false

然后,根据上面经验,我们看看“&&”号前后,不单单是布尔类型的情况。

  1. alert(''&&1);

结是返回'',“&&”前面''是false,后面是1是true。

  1. alert(''&&0);

结是返回'',“&&”前面''是false,后面是0也是false。

  1. alert('a'&&1);

结是返回1,“&&”前面''a是true,后面是1也是true。

  1. alert('a'&&0);

结是返回0,“&&”前面''a是true,后面是0是false。

  1. alert('a'&&'');

结是返回'',“&&”前面''a是true,后面是''是false。

  1. alert(0&&'a');

结是返回0,“&&”前面''0是false,后面是'a'是true。

  1. alert(0&&'');

结是返回0,“&&”前面''0是false,后面是''也是false。

这意味着

1、只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值;

2、只要“&&”前面是true,无论“&&”后面是true还是false,结果都将返“&&”后面的值;

让我们总结一下:

1、只要“||”前面为false,无论“||”后面是true还是false,结果都返回“||”后面的值。

2、只要“||”前面为true,无论“||”后面是true还是false,结果都返回“||”前面的值。

3、只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值;

4、只要“&&”前面是true,无论“&&”后面是true还是false,结果都将返“&&”后面的值;

由上两个测试可知,逻辑运算符,“||”和“&&”都是遵行短路原则,只要确定符号前面的真假,既可确定返回值。

需要说明的是“&&”的优先级是高于“||”的,下面测试:

  1. alert(1||'a'&&2);

返回结果是1。

根据反证原理,我们假设“||”的优先级不低于“&&”(这里只所以用“不低于”,是为了同时证明等级相同的情况)。

根据上面我们得出的结论(1),(1||'a')将返回前面的值1,(1&&2)根据结论(4)应该返回后面的值2。这显然不对,由此可知“&&”的优先级是高于“||”的。

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏web前端

HTML+CSS基础

第一章 一、样式      1、行间样式,代码不可维护,不推荐      2、内联样式,不可重用,不推荐      3、外联样式,可重用,可维护,推荐     ...

1879
来自专栏北京马哥教育

这段代码很Pythonic | 相见恨晚的 itertools 库

1503
来自专栏Coco的专栏

谈谈一些有趣的CSS题目(十)-- 结构性伪类选择器

1096
来自专栏PHP技术

URL短链接实现方法

最近项目开发中,需要实现URL长链接转短链接的需求,于是在网上找了一些资料,顺便整理了下,欢迎有想法的童鞋踊跃留言,我们共同探讨。 一.短链接的好处 1.内...

47614
来自专栏IMWeb前端团队

animation动画实践

由于业务关系,有幸参与腾讯课堂app下载页面制作,原则上ie8、9可表现为静态版本,而高级浏览则为动画版本。在这把一些重要思想和中间遇到的一些问题记录下,以供知...

1870
来自专栏HTML5学堂

2015.12.15 HTML5真题练习

HTML5学堂:每天一道题,强壮程序员!今日主要涉及12.14日关于引用类型变量的题目解答,以及一道涉及操作符优先级的题目。 HTML5真题【2015.12.1...

2523
来自专栏小白客

每天学习一点儿算法--二分查找

算法是什么? 算法就是完成一组特定任务的方法。 比如将大象放进冰箱需要三步: 打开冰箱 将大象放进冰箱 关闭冰箱 这就是一种算法。 如果用计算机语言来叙述...

3106
来自专栏企鹅号快讯

Python数据类型—字符串(1)

Python数据类型 — 字符串(1) 除了数值,我们还常常需要对文字进行处理。本文将介绍Python用于文字处理的数据类型 — 字符串,并解释如何在计算机系统...

1828
来自专栏Fundebug

代码面试需要知道的8种数据结构(附面试题及答案链接)

为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。

926
来自专栏liulun

Nim教程【六】

目前看来这是国内第一个关于Nim的系列教程 先说废话 Rust1.0已经发布了, 国内有一个人为这个事情写了一篇非常长的博客, 这篇文章我前几天草草的看了...

1896

扫码关注云+社区