分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

JS 巧用 && 与 ||

发布时间:2023-09-06 01:18责任编辑:赖小花关键词:暂无标签

在对于流程控制语句当中,我们最熟悉不过的就是

1 if (条件){2 ??//代码块 ?3 }else{4 ??//代码块5 }

对于一个执行不同的代码来说,如果执行的代码很多,可能就有必要使用上面这种方式

但往往我们开发当中,也会碰到一些赋值操作,如果使用上面方式,未免显得太过冗余。

举个例子:

var num1 = 10;var num2 = 20;// 假如 num2 > num1 就 alert( num2 ) 否则 alert( num1 )
// 可能见到的写法会有以下方式
if( num2 > num1 ){
?alert( num2 );
}else{
  alert( num1 );
}

可以看见以上方式,只是输出一个结果,却用了五行代码来去实现。

接下来,我们见证下怎么使用一行代码去替代上面五行代码实现的结果

1 var num1 = 10;2 var num2 = 20;3 4 // 第一种方式 也可以使用 三目运算符5 alert( num2 > mum1 ? num2 : num1 );6 7 //第二种方式 ?就是使用 && ,||8 alert( num2 > num1 && num2 || num1 ); 

使用 &&,|| 比三目运算的优势在于,它可以判断多个条件,也可以单独使用

举个 && 例子:

var num1 = 10;var num2 = 5;// 假如 num1,num2 都大于10 则输出 num1+num2; ??var result = num1>10 && num2 >10 && num1+ num2 || 0; ??????alert(result);

我们开发知道,在开发当中,读取后端返回的数据可能因某种原因而未读取到,那么接收的数据如果是对象,都会在接收该字段的时候额外加上没有获取到时的字段

举个 || 例子:

var ?reuslt = res && res.data || []; ?????if ( result.length ) return;

使用这种方式,可以通过条件判断是否使用该变量,假如是对象,如果没有获取到,而使用该对象属性,则会报错。

而避免这种模式,就是在使用的时候,一定要判断,判断,判断

JS 巧用 && 与 ||

原文地址:http://www.cnblogs.com/Beck-Z/p/7692670.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved