开发中常用的es6(时常更新)

最近开发中,发现一些比较好用的es6

1.可选链操作符 '?.'
场景:获取对象属性值。
项目中一个很常见的场景,从接口返回的数据,对象中的某个属性可能不存在,即 undefined ;或者尝试获取 DOM 元素,该元素不存在,即 null 。
eg:cat 属性可能不存在:

const  home={
name:'Amy',
cat:{
name:'King'}
}

如果想要访问 cat 的 name 属性,像下面这样可能会报错:

const  name=home.cat.name

Uncaught TypeError: Cannot read property ‘name’ of undefined

没用es6之前,使用and运算符:

const  name=home&&home.cat&&home.cat.name

使用es6的可选链操作符 '?.'

const  name=home?.cat?.name
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容