为了账号安全,请及时绑定邮箱和手机立即绑定

【金秋打卡】第10天 可选链:Optional chaining

标签:
JavaScript

课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课

课程讲师: 谢成

课程内容:
可选链:Optional chaining

课程收获:

可选链运算符(?.)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 运算符的功能类似于 . 链式运算符,不同之处在于,在引用为空 (nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined。

// 可选链
const user = {
    address: {
        street: 'xx街道',
        getNum() {
            return '80号'
        }
    }
}
// const street = user && user.address && user.address.street
// console.log(street)

// const num = user && user.address && user.address.getNum && user.address.getNum()
// console.log(num)

const street = user?.address?.street
console.log(street)
const num = user?.address?.getNum?.()
console.log(num)

谢谢老师,讲的非常细致,很容易懂。这一节学的是可选链:Optional chaining,给以后的学习打下了基础。
原来ES6-11能有这么多种性质,以及对ES6-11有了新的认识,期待后边的学习

图片描述

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消