博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS 新语法「可选链」「双问号」已进入 Stage 3
阅读量:5036 次
发布时间:2019-06-12

本文共 918 字,大约阅读时间需要 3 分钟。

你可能写过这样的代码

var street = user.address && user.address.street;复制代码

有了这个新语法,你可以写成

var street = user.address?.street复制代码

你可能还写过这样的代码

var fooInput = myForm.querySelector('input[name=foo]')var fooValue = fooInput ? fooInput.value : undefined复制代码

有了新语法后,你可以写成

var fooValue = myForm.querySelector('input[name=foo]')?.value复制代码

但在实际使用中,还是会有些不便,比如

const result = response?.settings?.n || 100复制代码

你希望如果 response 或者 response.settings 或者 response.settings.n 不存在(值为 null 或者 undefined)时,result 保底值为 100。

但是上面代码在 n 为 0 的时候,也会让 result 变成 100,你实际上希望此时 result 为 0。

于是你只好把代码写成这样

const result = response?.settings?.n === undefined ? 100 : response?.settings?.n复制代码

或者你封装一下

const result = fetch(response?.settings?.n, 100)复制代码

现在,你可以用另一个新语法——「双问号语法」——来简化代码:

const result = response?.settings?.n ?? 100复制代码

这个 ?? 的意思是,如果 ?? 左边的值是 null 或者 undefined,那么就返回右边的值。

有了这两个语法,估计以后 JS 代码中就会全是问号了!哈哈。

转载于:https://juejin.im/post/5d3a7603f265da1b9254209b

你可能感兴趣的文章
1.将控制器添加到 ASP.NET Core MVC 应用
查看>>
课题介绍
查看>>
浅谈-订阅发布模式
查看>>
均值与方差
查看>>
【★】KMP算法完整教程
查看>>
谈谈关键字new
查看>>
.Net小白的第一篇博客
查看>>
12.1 客户端请求编码
查看>>
自学JAVA-10:集合
查看>>
有关oracle遇到日期显示问题,导入导出,安装,卸载,修改listener配置文件,创建用户和表空间等的部分问题....
查看>>
NSSet
查看>>
分治法-全排列问题
查看>>
POJ-3069
查看>>
install virtual enviroment on windows
查看>>
第一章 线性回归
查看>>
LeetCode-85 Maximal Rectangle
查看>>
ListView 分页显示(转载+修改)上
查看>>
JqGrid在IE8中表头不能分组的解决办法
查看>>
[kylin] 部署kylin服务
查看>>
学习进度条
查看>>