首页 > Web开发 > 详细

关于js代码中与或运算符||&&的妙用

时间:2016-12-02 02:39:16      阅读:360      评论:0      收藏:0      [点我收藏+]

  看bootstrap时看到如下一行JavaScript代码产生了疑惑。

 return window.pageYOffset || e.scrollTop

 ||在这里的作用是什么呢?

首先明确概念,在js逻辑运算中,0、""、null、false、undefined、NaN都会判为false,其他都为true。

a&& b :如果执行a后返回true,则执行b并返回b的值;如果执行a后返回false,则整个表达式返回a的值,b不执行;

a || b :如果执行a后返回true,则整个表达式返回a的值,b不执行;如果执行a后返回false,则执行b并返回b的值;

&& 优先级高于 ||;

其次在几乎所有语言中都遵循”短路原理“,&&前面为false就不判断第二个表达式,||前面为true也不判断后面。

所以这行代码就是返回滚动条的位置,如果pageYOffset得不到结果就执行scrollTop。

同样,

var attr = attr || “”;

 

这个运算经常用来判断一个变量是否已定义,如果没有定义就给他一个初始值

另外!!的作用是把一个其他类型的变量转成的bool类型。

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

关于js代码中与或运算符||&&的妙用

原文:http://www.cnblogs.com/20zhiyuxue/p/6123962.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!