ES6中&&和 __ 鲜为人知的骚操作

最新推荐文章于 2022-09-14 18:07:20 发布

乾复道

最新推荐文章于 2022-09-14 18:07:20 发布

阅读量776

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/Long861774/article/details/125839003

前端专栏收录该内容

16 篇文章

订阅专栏

本文介绍了ES6中逻辑运算符`&&`和`||`的用法，它们不仅可以用于条件判断，还能作为简化if/else语句的工具。例如，`info.name && info.age`只会返回`info.age`如果`info.name`为真；而`info.name || info.age`只要有一个为真就会返回真值。此外，还展示了如何利用这些运算符来构建条件表达式，如`decide() && true()`和`decide() || false()`，以控制代码执行路径。这种技巧在构建查询条件和优化代码结构时非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

众所周知，在es6中，逻辑运算符&&代表与条件，||代表或条件

let info = {
  name:"long",
  age:null
};

//&&
//info的name与age同时为真，则结果为真
if(info.name && info.age){
  console.log("与条件"); //与条件
}else{
  console.log("失败");
}

//||
//info的name或age,只要有一个为真，则结果为真
if(info.name || info.age){
  console.log("或条件"); //或条件
}else{
  console.log("失败");
}

代替if/else

但是，他们还可以代表if/else进行简化

let info = {name:"long"};

let name = info && info.name; //long

let isVip = false;
let vipPrice = isVip || 19;//19

decide() && true();

//如果decide()执行后为true,则执行true(),并输出true()的值;如果decide()执行后为false，则输出decide()执行后的结果，且不执行true()


//预计使用场景，有一个mongo查询条件where，当name存在时,匹配name数据
where= {age:19};
name && where.name = name;

decide() || false();

//如果decide()执行后为true,则执行decide(),并输出decide()的值,fasle()不执行;如果decide()执行后为false，则执行fasle()，且输出false()的结果

decide() && true() || fasle();

//如果decide()执行后为true,则执行true(),并输出true()的值；
//如果decide()执行后为false，则执行false()，并输出false()的值