ES新提案：可选链(?.)和双问号(??)

最新推荐文章于 2022-03-18 12:59:59 发布
最新推荐文章于 2022-03-18 12:59:59 发布
阅读量181 收藏
点赞数
分类专栏： ECMAScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39691676/article/details/110855095
版权
使用对象数据进行属性判断(可选链?.)
const test = res.data?.info

相当于

cosnt test = res.data ? res.data.info : null
取默认值(双问号??)
const tableList = res?.data?.content ?? [4,5,6]
Mr.app
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
提案-可选链
02-22
JavaScript的可选链接 状态 该流程第4阶段的。 s 克劳德·帕奇（ ） 加布里埃尔·伊森伯格（ ， ） 丹尼尔·罗森瓦瑟（丹尼尔·罗森瓦瑟）（ ， ） 达斯汀·萨维（Dustin Savery）（ ， ） 概述和动机 在寻找树状结构深处的属性值时，通常必须检查中间节点是否存在： var street = user . address && user . address . street ; 同样，许多API返回一个对象或null / undefined，并且可能仅在结果不为null时才希望从结果中提取属性： var fooInput = myForm . querySelector ( 'input[name=foo]' ) var fooValue = fooInput ? fooInput . value : undefined Optional
项目演示地址:https://www.bilibili.com/video/BV11g4y1K77e/
06-25
该项目是一个基于Java和MySQL的简单在线购物车系统，适合初学者作为毕业设计的起点。从提供的信息来看，我们可以推测这个项目可能包含以下关键知识点： 1. **Java编程**：Java是一种广泛使用的面向对象的编程语言，...
ES 提案的各状态
weixin_30724853的博客
06-13 201
JavaScrpit，亦即 ECMAScript，新功能的演进是由一个叫 TC39 这么个组织在统筹协调和推进的。 一般新特性会由社区先提案，被采纳后开始进入下一流程。一个提案到最终落地到成为标准，需要经过几个阶段（stage）。 目前采纳进入正式流程中的提案可在 tc39/proposals 查看到。可以看到，装饰器 Decorator 处于...
双问号操作符和可选链操作符
秋水不寒的专栏
10-14 251
双问号操作符（??），也被称作空值合并运算符，当左侧的操作数为null或者undefined时，返回其右侧操作数，否则返回左侧操作数 constfoo=null??'defaultstring'; console.log(foo);//"defaultstring" 可能有人会问??和||有什么区别呢？ ??的左侧只判断两种情况：null和undefined，而||的左侧只要是假值（包括''和0）都会返回右侧的值 constnumber=0; ...
es2016提案-装饰器
桃子彩虹无限的博客
06-05 129
// 一位高人写的 function factorial() { return (t, k, p) => { const fn = p.value p.value = function (...args) { let vals = 0 for (let i = 1; i <= args[1]; i++) { let numvals = 1 for (let j = 1; j <= i; j++) { numvals *= j .
面试官：ElasticSearch是什么，它有什么特性与使用场景？.doc
07-08
4. 可扩展性强：ElasticSearch 可以根据需要进行水平扩展，能够满足大规模数据的搜索需求。 5. 安全性强：ElasticSearch 提供了多种安全机制，能够保护数据的安全。 ElasticSearch 的使用场景： 1. 企业搜索：...
最新版linux elasticsearch-7.16.1-linux-x86_64.tar.gz
12-16
`bin`目录下有启动和停止Elasticsearch的脚本，`config`目录包含默认的配置文件如`elasticsearch.yml`。 在运行Elasticsearch之前，我们需要修改`elasticsearch.yml`配置文件。这包括设置节点名称、集群名称、数据...
gason:从 code.google.compgason 自动导出
06-18
加森 从 code.google.com/p/gason 自动导出新闻更新：2013-12-16 在新的 burp 套件版本中使用 Gason： ://... 2471&lang=es Changelog 如何运行？ 来自 BurpSuite 你必须在安装 bu
智能电视上能不能装浏览器？.docx
02-27
3、在聚好用中搜索下载"ES文件浏览器"，安装完后直接打开。 4、打开文件浏览器还无法识别U盘，需要选择页面左上角的"收藏"项，然后出现U盘设备。 5、打开U盘，找到apk安装文件，选择并确认安装即可。 智能电视上能...
2021年，快速了解 ES2022 新特性（二）
程序员成长指北
12-28 357
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群接着上一篇快速了解ES特性之一（ES7-ES8）[3] ，今天我们主要来讲ES新特性之...
js es2020新特性 ?. 问号点 和 ?? 双问号
Sea_Fest的博客
09-19 3993
今天项目中突然遇到了不太明白的写法 ?. 和 ?? 作用就是判断这个对象（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
ES11：空值合并操作符（两个问号）&& 可选链操作符( ?. ) 真的挺好用的
本以为成功很简单，没想到活成普通人都需拼尽全力！
03-18 744
在es11中，增加了我最喜欢，也在工作中经常使用的语法 空值合并操作符 和 可选链操作符，可能还有人是第一次知道，或者是看别人的代码写过，但是却不知道这语法叫什么，有什么作用？这篇文章已经帮你记录了！ 空值合并操作符（??） 空值合并操作符是一个逻辑操作符，当左侧的值为null或者是undefined时，返回右侧的值，否则返回左侧的值 举例： let name = null ?? '小明' let age = undefined ?? 18 console.log(name) //小明 co
ES新提案：双问号操作符
粉丝们务必加入微信粉丝群
08-27 2751
为了保证的可读性，本文采用意译而非直译。 本文主要讲Gabriel Isenberg撰写的ES提案“Nullish coalescing for JavaScript”。它提出?? 替换||的运算符,并提供默认值。这里先把这相提案叫作双问号操作符，如果你有好的叫法，欢迎留言讨论。 1.概述 双问号 ?? 的操作符跟 || 类似，如果给定变量值为 null 或者 undefined，刚使用双问...
ES提案可选链和管道语法
justforuse的博客
11-26 3284
两种处于提案状态的新语法：可选链(?.)和管道(|&gt;)语法 1.可选链 我们会遇到以下场景，要拿到一个层级比较深的对象的属性值，又要考虑到值的存在问题，所以我们的代码可能是这样： if(a &amp;&amp; a.b &amp;&amp; a.b.c){ // balabala } 这样代码虽然严谨，但是看着不舒服。 使用可选链后： if(a?.b?.c) { // balaba...
使用可选链？和双问号？？
weixin_43623017的博客
04-28 1751
Babel为我们提供了语法转化的能力，使我们能够体验到超前的语法！ 什么是可选链? https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining 当访问多层对象属性(如o.a.b)时，如果属性a为空，则会报引用错误 为此我们不得不这么处理： const c = o.a &a...
ES2020 系列：可选链 "?."
LeviDing的博客
07-23 1374
可选链 "?."可选链 ?. 是一种访问嵌套对象属性的防错误方法。即使中间的属性不存在，也不会出现错误。问题如果你才刚开始读此教程并学习 JavaScript，那可能还没...
JS-ES2020可选链?.理解
weixin_46254175的博客
11-17 460
在实际场景中，总会有下面这种代码的场景 if (this.data.$ab_user) { this.data.$ab_user.ab_topic_ad_chaping === 2 && this.data.showScreenAd && this.initAD(); } 使用?.可简化成下面： this.data.$ab_user?.ab_topic_ad_chaping === 2 &&
ES2020之可选链——?.
youhebuke225的博客
11-29 547
前提 可选链，也就是?.与??操作符，他实质上也是一种语法糖，通俗来讲就是 对象.属性1?.属性2??默认值，如果有对象的属性1，那么就继续读取属性2，如果没有则返回默认值。就就相当于一个三元运算符 他一般适用于嵌套对象的读取，链式的安全读取，详细可以参考 MDN，可以用于 对象 数组 函数 例子 const obj = { a:1 } 我们如果直接读取对象中没有的属性，他就会直接报错 console.log(obj.b.c) // Uncaught TypeError: Cannot read
可选链(?.) You may need an additional loader to handle the result of these loaders.
最新发布
09-23
.)是ES2020中引入的新语法，它允许我们在访问对象的属性时，不需要手动校验每个属性是否存在，而是直接使用可选链操作符(?.)来进行链式访问。当属性不存在时，可选链操作符(?.)会返回undefined，而不会抛出错误。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值