课程名称: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有了新的认识,期待后边的学习