组件

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

2021-10-18  本文已影响0人  逸笛

最近开发中,发现一些比较好用的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
上一篇下一篇

猜你喜欢

热点阅读