Optional Chaining 进入 ES2020，不用满屏`x x.yyy`了

微软 TypeScript 程序经理 Daniel Rosenwasser 宣布 Optional Chaning（?. ）进入 TC39 Stage 4 状态，这意味着该特性现在已经是 ES2020 标准的一部分。

Optional Chaining 最初是 TypeScript 的 issue 跟踪器上第 16 个 issue，于 5 年前提交，要知道目前总共有多达 23000 个 issue。当时 TC39 还没有正式提案，这些年来开发者一直要求实现该特性，但是为了不与 ECMAScript 建议冲突，迟迟没有实现，相反 TS 开发团队一直在帮助推动该提案实现标准化，并最终推及所有 JavaScript 与 TypeScript 开发者。

TypeScript 就在上个月发布的 3.7 版本中，正式带来了 Optional Chaining 特性，现在则更进一步，该特性进入了 ECMAScript 标准。

Optional Chaining 特性主要用于保护出现在属性路径中 null 和 undefined 值，像 C# 等语言中已经有用于访问属性链的语法糖，可以在对象层次结构中的任何地方处理遇到的 null 和 undefined 情况，使它可以正常执行，而不会抛出错误。

具体来讲，在向树状结构深处进行属性值访问时，通常需要检查中间节点是否存在：

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 Chaining 运算符允许开发人员直接用简单的方式处理这种情况，而不用进行重复性操作，或者使用临时变量分配中间结果：

var street = user.address?.street
var fooValue = myForm.querySelector('input[name=foo]')?.value

因为是保护访问属性链时的 null 与 undefined，所以 Optional Chaining 运算符也叫做“安全导航运算符”，TC39 标准中给出的该运算符是“?.”，它的语法可以适用于三种场景：

obj?.prop       // 自判断静态属性访问
obj?.[expr]     // 自判断动态访问
func?.(...args) // 自判断函数或方法调用

对于开发者来说，再也不用看到满屏`x && x.yyy`了。

Optional Chaining 进入 ES2020，不用满屏`x x.yyy`了相关推荐

盈利靠涨价、广告满屏飞，共享充电宝入局容易做大难
出品 | TechWeb 作者 | 懿慈前几年,共享单车的火爆引发了一场共享经济热潮,让很多创业者和投资人趋之若鹜.只是,喧嚣过后,留下一地鸡毛,主力纷纷撤退,要么欠钱找不到人,要么卖身给大厂接盘. ...
TypeScript 3.7 发布，带来 Optional Chaining 等特性
TypeScript 3.7 发布了,此版本带来了许多新特性. Optional Chaining 首先一大亮点是 Optional Chaining,这是社区呼唤特别强烈的一个 ECMAScript ...
别在再满屏的 if、else 了，试试策略模式，真香！！
你还在写满屏的 if/ else/ switch 之类的判断逻辑吗? 栈长在开发人员的代码中看过太多这样的低级代码了,真的太 low,极不好维护,本文栈长就教你如何用策略模式干掉 if/ else/ ...
小程序实现满屏上下滑动效果
小程序实现满屏上下滑动效果写的时候发现网上没有好用的,要么过于复杂,要么不太实用,我就自己整了个简单的直接上代码部分 //wxml部分 <swiper indicator-dots=&quo ...
满屏的try-catch，你不瘆得慌？
目录前言 Spring Boot 版本全局统一异常处理的前世今生 Spring Boot的异常如何分类? 如何统一异常处理? 异常匹配的顺序是什么? 总结前言软件开发过程中难免遇到各种的BUG ...
qq满屏飞吻代码_教你用微信隐藏代码表白！各种微信技巧
阅读本文前,请您先点击上面的"蓝色字体",再点击"关注",这样您就可以继续免费收到文章了.每天都会有分享,都是免费订阅,请您放心关注.注:本文转载自网络,不代表 ...
一款jQuery满屏自适应焦点图切换特效
一款jQuery满屏自适应焦点图切换特效 ,自适应当前浏览器的宽度,可以作为网站整个大背景的却换效果,很不错的一款不jquery特效. 兼容性没的说直接秒杀了IE6.适用浏览器:IE6.IE7.IE8 ...
打开了悬浮窗权限但是没有_给你的手机添加“樱花雨”特效，打开手机樱花就满屏飘落，漂亮！...
记得用塞班系统的手机时有很多手机特效补丁,随着科技的改朝换代现在的安卓手机貌似没有那些特效补丁了,回想曾经的诺基亚时代很是回味无穷,还好今天小编就带大家重回那些金典的画面,屏幕下雨,满屏樱花飞舞,等等 ...
PyCharm去掉满屏的波浪线
首先打开: File>Settings>Editor>Colors&Fonts>General 选中1去掉2的勾选,就可以解决满屏的波浪线,其它雷同. 转载于:http ...

Optional Chaining 进入 ES2020，不用满屏`x x.yyy`了

Optional Chaining 进入 ES2020，不用满屏`x x.yyy`了相关推荐

最新文章

热门文章