您现在的位置:首页 >> 前端 >> 内容

你不知道的&&和||

时间:2017/5/25 10:00:00 点击:

  核心提示:html编程开发 html开发教程 html代码学习 。开发中,编写有一定逼格的代码是每个程序猿都追求的。经常用来判断的符号和||,也经常用来定义变量哦,你知道吗?逻辑与():在有一个操作数不是布尔值...

html编程开发 html开发教程 html代码学习 。开发中,编写有一定逼格的代码是每个程序猿都追求的。

经常用来判断的符号&&和||,也经常用来定义变量哦,你知道吗?

逻辑与(&&):
在有一个操作数不是布尔值的情况下,就不一定返回布尔值。比如以下情况:

1、第一个操作数是对象,返回第二个数;

var myinfo = {'age':25};
console.log(myinfo && 2);                           //输出2

2、第二个操作数是对象,只有在第一个操作数为true的情况下才返回该对象;

var myinfo = {'age':25};
console.log(2 && myinfo );                         //输出{'age':25}

3、两个操作数都是对象,返回第二个操作数;

var myinfo = {'age':25},hisInfo = {'name' : Jour};
console.log(myinfo && hisInfo );                   //输出{'name' : Jour}

逻辑或(||):

1、第一个是对象,返回第一个操作数;

var myinfo = {'age':25};
console.log(myinfo || 2);                           //输出{'age':25}

2、第一个求值结果是false,返回第二个操作数;

var myinfo = {'age':25};
console.log(0 && myinfo );                         //输出{'age':25}

3、都是对象,返回第一个操作数;

var myinfo = {'age':25},hisInfo = {'name' : Jour};
console.log(myinfo && hisInfo );                   //输出{'age':25}

特殊的情况,当有一个操作数是null,NaN , undefined时,结果就对应地输出null 、 NaN 、 undefined。

利用这个短路特性可以避免为变量赋null或undefined哦!

作者:网络 来源:Jour的博客