js es2020新特性 ?. 问号点 和 ?? 双问号

最新推荐文章于 2025-05-13 10:19:54 发布
最新推荐文章于 2025-05-13 10:19:54 发布
阅读量4.1k 收藏 7
点赞数 4
CC 4.0 BY-SA版权
文章标签： javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Sea_Fest/article/details/108675830
本文介绍JavaScript中使用?.和??操作符来优雅地处理对象链上可能存在的null或undefined值，避免程序因错误中断，并提供默认值。

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

今天项目中突然遇到了不太明白的写法
在这里插入图片描述
?. 和 ??
作用就是判断这个对象（this.element）下的（businessObject）下的（value）下的（length）是否为null或者undefined，当其中一链为null或者undefined时就返回undefined，这样即使中间缺少一个属性也不会报错，双问号后面接的就是默认值。
var obj ={}
console.log(obj?.a?.b ?? 233 ) //233
var obj={a:{b:1}}
console.log(obj?.a?.b??233) //1

JavaScript 的双问号 和 ?. 的含义和作用
Jana Jing的分享
11-24 2202
表示：可选链操作符(?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每 个引用是否有效。操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值。在javascript中如果一个值为null、undefined，直接访问下面的属性，前面没有值的时候会默认?后边的值（类似于三目运算符中的:后面赋值）双问号后面是默认值（可常量、可变量）。表示：只有左侧的值为。的时候才返回右侧的值。
ES的语法糖-babel的可选链和双问号语法
NurTuam—何永杰
08-02 3356
ES的语法糖-babel的可选链和双问号语法 前言 ES全称为ECMAScript，是JavasSript的一种语言标准。ECMAScript发布新语法规范需向TC39委员会提案，任何人都可以向其会提案。TC39由包括许多浏览器厂商在内的各方组成，提案需要经历五个阶段，每个阶段的变动都需要由TC39委员会批准(传送门：TC39)，如下： Stage 0: strawman——最初想法的提交。 Stage 1: proposal（提案）——由TC39至少一名成员倡导的正式提案文件，该文件包括API事例。 St
JS 新语法「可选链」「双问号」已进入 Stage 3
weixin_30768175的博客
07-26 1695
你可能写过这样的代码 var street = user.address && user.address.street; 复制代码 有了这个新语法，你可以写成 var street = user.address?.street 复制代码 你可能还写过这样的代码 var fooInput = myForm.querySelector('input[name=foo]') ...
ES2020新特性双问号操作符与可选链?.操作符
qq_41968486的博客
04-10 806
?? 在 value1 和 value2 之间，只有当 value1 为 null 或者 undefined 时取 value2 ，否则取 value1
JavaScript双问号操作符（??）详解，解决使用 || 时因类型转换带来的问题
RenGJ010617的博客
05-13 9616
处理变量默认值是一个常见但容易引发bug的操作。很多开发者可能都遇到过这样的问题：使用||设置默认值时，意外覆盖了0、''等合法值。这时候，ES2020引入的双问号操作符（??）就能完美解决这类问题。
ES新提案：可选链(?.)和双问号(??)
qq_39691676的博客
12-08 228
使用对象数据进行属性判断(可选链?.) const test = res.data?.info 相当于 cosnt test = res.data ? res.data.info : null 取默认值(双问号??) const tableList = res?.data?.content ?? [4,5,6]
js ES2019
qq_32862143的博客
08-19 649
Array.flat() 之前： const arr = [1,2,[3,4,[5,6,[7,8]]]] const newArr = []; const flatten = (arr) => { arr.map(item => { Array.isArray(item) ? flatten(item) : newArr.push(item) }) return newArr...
ES2020 新特性(种草)
10-15
总结，ES2020的这三个新特性提供了更好的错误处理机制、简化了对象深度访问以及改进了默认值的设定方式，显著提高了代码的可读性和安全性，是现代JavaScript开发中的重要工具。开发者应该熟悉并充分利用这些特性，以...
<view class="rowValue">{{ manifest.positions[0]?.realTimeData?.t }}</view>以上代码写的对吗？
02-27
代码中的问号`.`是可选链操作符，这在JavaScript中是用来防止访问未定义属性时的错误。例如，如果manifest或者positions是undefined或null，访问后续属性就会报错，但用了可选链就会返回undefined，避免错误。 首先...
return parsedData[countryCode]?.name ?? "编码不存在"; [countryCode]? 为啥有个？呢？
03-28
1. **兼容性**：可选链是ES2020特性，现代浏览器和Node.js支持，旧环境需通过Babel转译 2. **明确意图**：不要滥用可选链，仅在属性可能不存在时使用 --- 通过 `?.` 可以显著简化代码逻辑，避免冗长的 `if` 判断，...
js中的.?
最新发布
07-17
例如，引用[^5]提到了双问号操作符，这与可选链操作符类似，都是ES2020引入的特性。 回答结构： 1. **介绍可选链操作符**：解释是什么、为什么需要它。 2. **基本用法**：描述语法和常见场景。 3. **示例代码**：...
js 中 ？. 和??及??=的含义及用法说明
qq_39016177的博客
06-15 1027
在前端开发中，经常会出现值是null或未定义而出现报错，程序终止。为了避免报错经常需要写if else 等逻辑判断。我们可以使用?. 和??及 ??=优化代码
es javascript_javascript es2020在这里
weixin_26641529的博客
09-13 334
es javascriptJavaScript’s development had been running at a slower pace ahead of the introduction of ES6 (also known as ECMAScript 2015). Now, in 2020, the latest JavaScript features have been finaliz...
ES6中js的运算符（?.、?:、? ?、? ?=、）
m178398家里有只小肥猫
03-30 669
又叫条件运算符，接受三个运算数：条件?条件为真时要执行的表达式 : 条件为假时要执行的表达式。逻辑或操作符会在左侧操作数为假值时返回右侧操作数。如果左边的值为null或undefined 返回其。判断条件 如果当前条件满足 返回？空值合并操作符（?个人认为 这个运算符是奇葩运算符 用不到。如果为假false 返回：后面的 two。null或undefined 就返回。逻辑空赋值运算符 (x?如果给定的函数或者值不存在，则返回。
4个强大JavaScript运算符
王者QQID-蓝烟百里飞剑
02-19 300
1. ?? 非空运算符 在 JS 中，?? 运算符被称为非空运算符。如果第一个参数不是 null/undefined（译者注：这里只有两个假值，但是 JS 中假值包含：未定义 undefined、空对象 null、数值 0、空数字 NaN、布尔 false，空字符串’’，不要搞混了），将返回第一个参数，否则返回第二个参数。比如， null ?? 5 // => 5 3 ?? 5 // => 3 给变量设置默认值时，以前常用 ||逻辑或运算符，例如， var prevMoney = 1 var c
ES11：空值合并操作符（两个问号）&& 可选链操作符( ?. ) 真的挺好用的
本以为成功很简单，没想到活成普通人都需拼尽全力！
03-18 902
在es11中，增加了我最喜欢，也在工作中经常使用的语法 空值合并操作符 和 可选链操作符，可能还有人是第一次知道，或者是看别人的代码写过，但是却不知道这语法叫什么，有什么作用？这篇文章已经帮你记录了！ 空值合并操作符（??） 空值合并操作符是一个逻辑操作符，当左侧的值为null或者是undefined时，返回右侧的值，否则返回左侧的值 举例： let name = null ?? '小明' let age = undefined ?? 18 console.log(name) //小明 co
ES新增运算符
weixin_44759289的博客
03-16 576
1、 运算符?? ?? 运算符是ES2020引入，也被称为null判断运算符，用??代替||，用于判断运算符左侧的值为null或undefined，才返回右侧的值。 它的行为类似 || ，但是更严 ||运算符是左边是空字符串或false或0等false值，都会返回后侧的值。二??必须运算符左侧的值为null或undefined时，才会返回右侧的值。因此0||1的结果为1,0??1的结果为0 例如 const response={ settings:{ nullValue:null, heig
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值