JavaScript中逻辑或(||)逻辑与(&&)

在JavaScript中,||(逻辑或)和&&(逻辑与)是逻辑运算符,它们用于根据操作数的值来返回布尔值或执行短路求值(short-circuit evaluation)。

逻辑或(||

  • 如果第一个操作数的值为真(true),则返回第一个操作数的值,并且不会评估第二个操作数(短路求值)。
  • 如果第一个操作数的值为假(false),则返回第二个操作数的值。

在JavaScript中,以下值被认为是false的:

  • false
  • 0
  • ""(空字符串)
  • null
  • undefined
  • NaN

其余所有的值都被认为是true的。

示例:

复制代码
let a = 0;  
let b = "Hello";  
let c = a || b; // c 的值为 "Hello",因为 a 是 false 的  
  
// 短路求值示例  
function getValue(obj) {  
    return obj.value || 'default';  
}  
  
let obj = { value: 'custom' };  
console.log(getValue(obj)); // 输出 "custom"  
  
obj = {};  
console.log(getValue(obj)); // 输出 "default",因为 obj.value 是 undefined,即 false

逻辑与(&&

  • 如果第一个操作数的值为真(true),则返回第二个操作数的值,并且会评估第二个操作数(短路求值)。
  • 如果第一个操作数的值为假(false),则返回第一个操作数的值,并且不会评估第二个操作数(短路求值)。

示例:

复制代码
let a = true;  
let b = "World";  
let c = a && b; // c 的值为 "World",因为 a 是 true 的  
  
// 短路求值示例  
function checkAndLog(obj) {  
    if (obj && obj.name) {  
        console.log(obj.name);  
    }  
}  
  
let person = { name: 'Alice' };  
checkAndLog(person); // 输出 "Alice"  
  
checkAndLog(null); // 不输出任何内容,因为 null 是 false 的,短路求值导致不会执行 console.log

注意点

由于||&&在JavaScript中存在短路求值的特性,它们不仅可以用作逻辑运算符,还可以用于变量赋值和条件判断时的代码简化。但是,这种用法有时可能会导致代码的可读性降低,因此在团队项目中使用时需要谨慎。

相关推荐
番茄去哪了15 分钟前
任务调度功能实现
java·开发语言·spring boot
Beginner x_u35 分钟前
前端八股整理|JavaScript|高频小题 01
开发语言·前端·javascript
_MyFavorite_37 分钟前
JAVA重点基础、进阶知识及易错点总结(15)缓冲流 + 转换流
java·开发语言·spring boot
Mr Xu_43 分钟前
Vue3 + Leaflet实战:深入解析MarkerCluster点位聚合插件的使用与优化
前端·javascript·vue.js
D_C_tyu1 小时前
Vue + Leaflet 实现地图任意点位点击查看时间功能
前端·javascript·vue.js
白叔King1 小时前
aardio时间日期转换中文时间
前端·javascript·aardio
摇滚侠1 小时前
JAVA 项目教程《苍穹外卖-11》,微信小程序项目,前后端分离,从开发到部署
java·开发语言·微信小程序
斯班奇的好朋友阿法法1 小时前
ollama离线导入大模型
服务器·前端·javascript
不会写DN1 小时前
PHP 中处理图像的利器 GD库
开发语言·php
_MyFavorite_1 小时前
JAVA重点基础、进阶知识及易错点总结(14)字节流 & 字符流
java·开发语言·python