es11操作符语法??和?.

最新推荐文章于 2024-07-24 22:52:24 发布
最新推荐文章于 2024-07-24 22:52:24 发布
阅读量2.8k 收藏
点赞数 1
分类专栏： js es11
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44046355/article/details/119354310
版权
js 同时被 2 个专栏收录
20 篇文章 0 订阅
订阅专栏
es11
1 篇文章 0 订阅
订阅专栏 
const result = data?.list?.num ?? 16

?. 可选链操作符
?? 非空运算符

释意：
如果 data 或者 data.list 或者 data.list.num 不存在（值为 null 或者 undefined）时,表达式停止计算并返回 undefined。
?? 非空运算符左边为null，undefined，返回右边的值，否则返回左边的值

Richard Yates Boy
关注
专栏目录
【Angular/TS】一文弄懂安全导航操作符(?.)、非空断言操作符/可选链(?.) 、空值合并运算符
余浩的博客
10-21 2419
typescript安全导航操作符、非空断言操作符、可选链
「链判断运算符」“?.”和「Null 判断运算符」“??”构建失败
落下香樟树
08-25 643
新的逻辑判断运算符使用起来很顺手，同时也一定程度上减少了因为逻辑判断导致的数据处理错误。最初判断一个多层次的数据对象是否存在某一个值，需要每层都做数值的判断处理，这样处理起来十分的麻烦，处理判断逻辑写的也比较多。自从使用了链式判断运算符和空值判断运算符，只要梳理清楚自己想要取的值，做相依的判断即可，原来好几个逻辑与和逻辑或的判断，现在一句话就可以搞定，高效的同时减少了代码量，也减少了逻辑判断，防止不必要的错误出现，从而提升工作效率，早点关电脑下班！！！🚗。...
ES2020 新语法：可选链操作符( ?. )
棠樾的博客
08-25 858
可选链操作符(?.)允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?.操作符的功能类似于.链式操作符，不同之处在于，在引用为空(nullish)(null或者undefined) 的情况下不会引起错误，该表达式短路返回值是undefined。与函数调用一起使用时，如果给定的函数不存在，则返回undefined。 当尝试访问可能不存在的对象属性时，可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时，如果不能确定哪些属性必定存在，可选链操作符也是很...
ES11：空值合并操作符（两个问号）&& 可选链操作符( ?. ) 真的挺好用的
本以为成功很简单，没想到活成普通人都需拼尽全力！
03-18 803
在es11中，增加了我最喜欢，也在工作中经常使用的语法 空值合并操作符 和 可选链操作符，可能还有人是第一次知道，或者是看别人的代码写过，但是却不知道这语法叫什么，有什么作用？这篇文章已经帮你记录了！ 空值合并操作符（??） 空值合并操作符是一个逻辑操作符，当左侧的值为null或者是undefined时，返回右侧的值，否则返回左侧的值 举例： let name = null ?? '小明' let age = undefined ?? 18 console.log(name) //小明 co
JS可选链操作符 (?.)
潇湘子的博客
06-23 2470
可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。 当尝试访问可能不存在的对象属性时，可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时，如果不能确定哪些属性必定存在，可选链操作符也是很有
ES6新特性迅速学会！！！
come from h5
04-09 383
@ES6新特性迅速学会！！！ 前言 ES全称ECMAScript，ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMA-417。关于ECMA的最新资讯可以浏览 ECMA news查看。 ECMA规范最终由TC39敲定。TC39由包括浏览器厂商在内的各方组成，他们开会推动JavaScript提案沿着一条严格的发展道路前进。 从提案到入选...
JavaScript——ES11新特性
Fulling的博客
03-21 1246
ES11 新特性一、私有属性二、Promise 扩展三、字符串扩展四、可选链操作符五、动态 import 加载六、BigInt1. 定义大整型2. 大数值运算七、globalthis 一、私有属性 ES10 在类属性前面加 # 表示私有属性，并且需要提前声明，私有属性只有在内部才能调用。 class Person { #age; #weight; constructor(name, age, weight) { this.name = name; th
ES6中js的运算符（ ?. ?? ）
Zmaomao_的博客
07-24 1215
JS 逻辑运算符 （也叫短路运算）js中为我们提供了三种逻辑运算符：或 ||与 &&非！。这三个都是针对布尔值进行的，如果不是布尔型，则需要将他转换为布尔型，然后在进行相应的运算。如果一个值可以被转换为true，那么这个值就是所谓的truthy，如果可以被转换为false，那么这个值就是所谓的falsy。
Golang_GoKubernetes AI工具链操作符.zip
05-26
- 使用Prometheus和Grafana可以监控操作符的性能指标，使用Elasticsearch和Kibana可以收集和分析操作日志。 总结来说，"Golang_GoKubernetes AI工具链操作符"涉及的是如何利用Go语言开发Kubernetes操作符，来管理...
ES7、ES8、ES9、ES10、ES11、ES12新增语法
weixin_47194802的博客
03-07 632
ES7（ECMAScript 2016）引入了一些新的特性和语法。
ES11新特性
xpmhhh的博客
03-22 1236
1. 私有属性 使用 # 标志，在类外部不可访问 在类内部通过一个方法访问： 2. Promise.allSettled 返回的Promise对象始终是成功的，里边分别得到两个成功或失败的结果 Promise.all([a,b]) 都成功则返回成功，有一个失败则返回失败Promise对象 3. String.prototype.matchAll 结合正则表达式对字符串进行批量数据提取 4. 可选链操作符 ?. 判断前面的值是否存在，防止报错，不需要层层判断 5. ..
es2020新增语法 ?. 与? ?
xiasohuai的博客
12-30 1051
ES2020引入了“链判断运算符” ?. var obj={ zhangsan:{ name :"张三" } } //如果这样写 obj.lisi.name //会报错 obj.lisi?.name //不会报错 ES2020引入了一个新的 Null 判断运算符??。它的行为类似||，但是只有运算符左侧的值为null或undefined时，才会返回右侧的值 //?? 左侧是null,undefined时...
ES11屡试不爽的新特性，你用上了几个？
前端公虾米
10-20 705
ES11规范于今年的年初完成，引入了许多新标准，本文讲着重研究下其中几个实用且有趣的新标准 特性抢先知： 私有变量 Promise.allSettled BigInt 全新的数据类型 Nullish Coalescing Operator 空位合并运算符 Optional Chaining Operator 可选链运算符 Dynamic Import 动态导入 String.prototype.matchAll 新增matchAll globalThis 新增全局对象 Module Namespac..
ES11-全文检索
weixin_33961829的博客
07-18 340
2019独角兽企业重金招聘Python工程师标准>>> ...
ES11 来了，还学得动吗？
ayqy_jiajie的博客
06-28 1023
关注「前端向后」微信公众号，你将收获一系列「用心原创」的高质量技术文章，主题包括但不限于前端、Node.js以及服务端技术写在前面ES2020（即 ES11）上周（2020 年 6 月）...
JavaScript语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性汇总
web前端开发
02-09 1914
来源 |https://www.fly63.com/本文汇总了 ES6 至 ES11 使用十分常用的特性，包括正在规划的 ES12，仅涵盖了全部的 ES 特性。详细介绍将使用到 ES6 ...
第一章：ES11基础---新特性
soulcow的博客
05-05 209
一：String.prototype.matchAll 方法返回一个包含所有匹配正则表达式的结果及分组捕获组的迭代器 let str = `<ul> <li> <a>西游记</a> <p>上映日期: 1994-09-10</p> </li> <li>
JavaScript ES11新特性
肥晨开发的学习之路
06-21 1063
Promise.allSettled() 是一个新的 Promise API，它接收一个 Promise 数组，并在所有 Promise 完成后返回一个新的 Promise，该 Promise 的值是一个包含每个 Promise 状态和结果的对象数组。与逻辑或操作符 || 不同，空值合并操作符只有在变量值为 null 或 undefined 时才会返回默认值，其他 falsy 值（如空字符串、0 或 false）仍然会返回变量本身。返回的结果是一个数组，每个元素包含原始 Promise 的状态和值。
@vitejs/plugin-legacy 支持es6 ?. 怎么设置文件
最新发布
09-25
.`（可选链操作符）这样的 ES6 功能时启用对旧浏览器的支持，这个插件实际上并不会直接处理 `.?.` 这样的语法，因为 `.?.` 是在服务端渲染 (SSR) 或浏览器环境中ES2020（即ES6）的新特性，而不是需要Polyfill的部分...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值