最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JS中&&与||用法

来源:动视网 责编:小采 时间:2020-11-27 20:11:52
文档

JS中&&与||用法

JS中&&与用法:在对于流程控制语句当中,我们最熟悉不过的就是 if( 条件 ){ //代码块 }else { //代码块 }对于一个执行不同的代码来说,如果执行的代码很多,可能就有必要使用上面这种方式但往往我们开发当中,也会碰到一些赋值操作,如果使用上面方式,未免显得太过冗余。举
推荐度:
导读JS中&&与用法:在对于流程控制语句当中,我们最熟悉不过的就是 if( 条件 ){ //代码块 }else { //代码块 }对于一个执行不同的代码来说,如果执行的代码很多,可能就有必要使用上面这种方式但往往我们开发当中,也会碰到一些赋值操作,如果使用上面方式,未免显得太过冗余。举


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

 if( 条件 ){ //代码块 
 }else { //代码块
 }

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

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

举个例子:

 num1 = 10 num2 = 20

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

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

 var num1 = 10; var num2 = 20; 
 // 第一种方式 也可以使用 三目运算符
 alert( num2 > mum1 ? num2 : num1 ); 
 //第二种方式 就是使用 && ,||
 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中&&与||用法

JS中&&与用法:在对于流程控制语句当中,我们最熟悉不过的就是 if( 条件 ){ //代码块 }else { //代码块 }对于一个执行不同的代码来说,如果执行的代码很多,可能就有必要使用上面这种方式但往往我们开发当中,也会碰到一些赋值操作,如果使用上面方式,未免显得太过冗余。举
推荐度:
标签: 用法 js &&
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top