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

2022/11/3 4:24:54

本文主要是介绍【金秋打卡】第10天 可选链:Optional chaining,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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

课程章节:9-6 可选链:Optional chaining

课程讲师: 谢成

课程内容:
可选链: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有了新的认识,期待后边的学习

图片描述



这篇关于【金秋打卡】第10天 可选链:Optional chaining的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程