两个有趣的ES2020操作符

  1. ?. : Optional Chaining — 可选链式操作符,在查询具有多个层级的对象时,不再需要进行冗余的前置校验
    旧:let nestedProp = obj && obj.first && obj.first.second;
    新:let nestedProp = obj?.first?.second;

  2. ??空位合并操作符: 如果表达式在??的左侧运算符求值为 undefined 或 null,就返回其右侧默认值。
    let c = a ?? b;
    // 等价于let c = a !== undefined && a !== null ? a : b;

最近印象笔记老是弹广告了,不知道什么时候要弃了,赶紧把笔记拷一份到博客;

这两个es2020的操作符挺有意思的,解决了前端调接口时对返回结果的一堆判断校验痛点,目前要装插件转义才可以用;在还要兼容ie8/9的政府项目肯定是不敢用的了,但这真的是很有用,vue warn 和报错undefined基本可以减少很多

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值