javascript中关于&& 和 || 表达式的小技巧分享

如果你还是新手,而且读完所有这些技巧的详解和每种技巧是如果工作的以后运用它们,你会写出更加简练高效的JavaScript程序.

确实,JavaScript高手已经运用这些技巧写出了很多强大,高效的JavaScript程序. 但是你可以这样.

强大的 && 和 || 表达式

你可能在JavaScript库和JavaScript框架中已经见过它们了,那么我们先由几个基本的例子开始:

例子1. || (或)

设置认值,通常用

代码如下:

用这代替:

代码如下:

解析:

首先,阅读以下的"提示"框复习JavaScript是如何判断布尔值的 || 操作符首先从左开始判断表达式的真假,如果为真,马上返回左边表达式返回的值; 如果左边表达式被判断为假,则继续判断右边的表达式,并返回右边表达式的值 如果theTitle被判断为假,会返回右边表达式的值. 换句话说,如果theTitle变量被判断为真,则返回theTitle的值. ! 提示: JavaScript判断为假的值: null,false,undefined,NaN 和 ""(空字符串). 记住像Infinity(无限大)这种 NaN 类的值是被判断为真不是假. 然而,NaN被判断为假. 除了以上这些,其他值全部被判断为真.

例子2. &&(并)

不要这么做:

17) { return true; } else { return false; } }

用这代替:

代码如下:
17; }

解析:

&& 操作符从左开始判断表达式,如果左边的表达式被判断为假,这马上返回false,不管右边的表达式是否为真. 如果左边的表达式为真,然后返回右边表达式结果 这变得越来越有趣了

例子3.

不要这样做:

rush:js;"> if (userName) { logIn(userName); } else { signUp(); }

用这代替:

代码如下:

解析:

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

例子4.

不要这样做:

rush:js;"> var userID;

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

用这代替:

代码如下:

解析:

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

以上所述就是本文给大家分享的第一个javascript小技巧了,希望大家能够喜欢。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...