JS妙用&&和||

「爱情、让人受尽委屈。」 2022-10-31 01:38 128阅读 0赞

> 看视频的时候发现的技巧，于是查了一查。|| && 非常妙

## | | ##

function documentTitle(theTitle) { 
    
      if (!theTitle) { 
    
     theTitle = "Untitled Document";
    
      }
    }

看这段代码，如果用`||`改写会更加简洁

function documentTitle(theTitle) { 
    
     theTitle = theTitle||'Untitled Document';
      
    }

`||`操作符首先从左开始判断表达式的真假, 如果为真, 马上返回左边表达式返回的值; 如果左边表达式被判断为假, 则继续判断右边的表达式, 并返回右边表达式的值。  
如果theTitle被判断为假, 会返回右边表达式的值. 换句话说, 如果theTitle变量被判断为真, 则返回theTitle的值.

--------------------

## && ##

function isAdult(age) { 
    
      return age && age > 17;
    
    }

`&&`操作符从左开始判断，如果第一项为假立即返回false，若为真继续判断第二项，如果两者都为真则返回true，否则false。

--------------------

## 混用|| && ##

if (userName) { 
     logIn(userName);
    } else { 
     signUp();
    }

可用下面改写

userName && logIn(userName) || signUp();

如果userName为真, 调用logIn函数并传递userName变量  
如果userName为假, 调用logIn函数不传递任何变量

--------------------

var userID;
    
    if (userName && userName.loggedIn) { 
     userID = userName.id;
    } else { 
     userID = null;
    }

改写成如下

var userID = userName && userName.loggedIn && userName.id;

如果userName为真, 则调用user.loggedIn, 并检查user.loggedIn是否为真; 如果返回真, 则返回第三个表达式的返回值  
如果userName为空, 返回null

--------------------

简单来说 两者都具有截断性，可分情况使用。

发表评论取消回复

表情：

评论列表（有 0 条评论，128人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS妙用&&和||

> 看视频的时候发现的技巧，于是查了一查。|| && 非常妙 | | function documentTitle(theTitle) {

「爱情、让人受尽委屈。」/ 2022年10月31日 01:38/ 0 赞/ 129 阅读

相关特效相机妙用

`auto boy = Sprite::create(` `"boy.png"` `);` `boy->setPosition(Point(` `300` `,` `300`

我会带着你远行/ 2022年08月23日 00:40/ 0 赞/ 127 阅读

相关 js中return false的妙用

js中return false的用法,在大多数情况下,为事件处理函数返回false,用来防止默认的事件行为，默认情况下我们点击一个<a>超链接</a>将会触发一次页面的跳转行

柔光的暖阳◎/ 2022年08月18日 15:17/ 0 赞/ 170 阅读

相关宏的妙用

[http://www.vckbase.com/document/viewdoc/?id=957][http_www.vckbase.com_document_viewdoc_

我就是我/ 2022年08月07日 05:51/ 0 赞/ 203 阅读

相关 &和global的妙用

<?php //1、用global实现函数内部调用函数外部的变量值 $a = 2; function a()\{ global $a;//把$a弄成全

比眉伴天荒/ 2022年06月15日 05:11/ 0 赞/ 163 阅读

相关 IntegerCache的妙用和陷阱

转载自[ IntegerCache的妙用和陷阱][IntegerCache] 考虑下面的小程序，你认为会输出为什么结果？ public class Test {

悠悠/ 2022年02月17日 18:55/ 0 赞/ 179 阅读

相关 js妙用

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] ()()函数自执行操作：如果你这么写 functi

妖狐艹你老母/ 2022年01月14日 02:27/ 0 赞/ 231 阅读

相关 Convert的妙用

今天无意中发现 Convert.ToString() 还有二进制转换功能,特记录一下,以备后用. // 十进制转二进制 Console.WriteLine(Co

ゝ一世哀愁。/ 2022年01月06日 07:37/ 0 赞/ 323 阅读

相关 onerror的妙用

<html> <body> 姓名:<input type="text"/> <img src = "7777.png" onerror

小咪咪/ 2021年12月19日 00:51/ 0 赞/ 281 阅读

相关 vue mixins和extends的妙用

转载自：https://juejin.im/post/5a38d222f265da4312810a76 写在前面 > vue提供了mixins、extends配置项，最

我就是我/ 2021年09月19日 19:42/ 0 赞/ 309 阅读