一分钟认识JS中 ?? 和 || 两者的用法和区别

前言

在JS中,??|| 都可以处理空值或者未定义,这两个操作符有什么区别呢?

||

|| 是逻辑或运算符,用于进行逻辑判断,它是这样运行的,如果第一操作值为假值(null、undefined、false、空字符串、0、NaN),那么就会返回第二个值。如果第一个值为真值,返回第一个值。

|| 一般用在处理默认值或者条件运算

示例

js 复制代码
const a = null;
const b = "Hello World";
const c = a || b; // c is now "Hello World"

??

??是空值合并操作符,用于对空值(null、undefined)进行处理。它的行为是这样的:如果第一个操作数是空值(例如 nullundefined),那么它就会返回第二个操作数的值。反之返回第一个值。

?? 一般用于简化代码进行空值合并

js 复制代码
const a = null;
const b = "Hello World";
const c = a ?? b; // c is now "Hello World"

区别

js 复制代码
const a = false
const b = "Hello World"
a ?? b  // false
a || b // "Hollo World"

总结起来有两点不同:

  1. 值判断范围不同: || 判断是否为假值 , 而??主要针对null undefined
  2. 用途稍有不同:|| 是逻辑运算符偏向逻辑处理, ??主要为了简化代码
相关推荐
古一|2 小时前
vue3都有哪些升级相比vue2-核心响应式系统重构
javascript·vue.js·重构
HHHHHY2 小时前
http接口响应头类型不对,导致svg图片无法预览,前端解决方案
前端·javascript
货拉拉技术2 小时前
网关 MCP 转换技术:从实现到平台落地
java·架构·mcp
艾菜籽2 小时前
SpringMVC练习:加法计算器与登录
java·spring boot·spring·mvc
Komorebi゛2 小时前
【React】配置别名路径
前端·react.js·前端框架
风语者日志2 小时前
CTFSHOW WEB 3
前端
元亓亓亓2 小时前
考研408--组成原理--day1
开发语言·javascript·考研·计组
普通码农3 小时前
uni.setClipboardData在 iOS 剪贴板复制失败解决方案
前端
浮游本尊3 小时前
Java学习第25天 - Spring Cloud Alibaba微服务生态
java
_孤傲_3 小时前
webpack实现常用plugin
前端·webpack·node.js