美文网首页
Optional Chaining(类似lodash.get访问

Optional Chaining(类似lodash.get访问

作者: TOPro | 来源:发表于2019-11-22 09:00 被阅读0次

介绍


js中,访问被深层嵌套的某个对象的属性时,很容易触发Cannot read property 'foobar' of undefined错误。
为此我们需要把代码写成这种坑爹的形式形式

let _bar;
if(foo && foo.attrs && foo.attrs.bar){
    _bar = foo.attrs.bar;
}

这种情况在使用 Optional Chaining 之后,将来别终结。看下面的代码

let _bar = foo?.attrs?.bar;

语法简写 更多

obj?.prop
obj?.[expr]
arr?.[index]
func?.(args)

安装


yarn add @babel/plugin-proposal-optional-chaining --dev

配置

.babelrc

{
  "plugins": ["@babel/plugin-proposal-optional-chaining"]
}

相关文章

网友评论

      本文标题:Optional Chaining(类似lodash.get访问

      本文链接:https://www.haomeiwen.com/subject/cvhfwctx.html