当前第2页 返回上一页
1 2 | console.log(user.homeaddress.country);
|
访问不存在的属性:
1 2 | console.log(user.officeaddress.country);
|
改用 ?.
访问不存在的属性:
1 2 | console.log(user.officeaddress?.country);
|
方法
访问存在的方法:
1 | console.log(user.getFirstName());
|
访问不存在的方法:
1 2 | console.log(user.getLastName());
|
改用 ?.
访问不存在的方法:
1 2 | console.log(user.getLastName?.());
|
数组
访问存在的数组:
1 2 | console.log(user.hobbies[0].name);
|
访问不存在的方法:
1 2 | console.log(user.hobbies[3].name);
|
改用 ?.
访问不存在的数组:
1 2 | console.log(user.dislikes?.[0]?.name);
|
??
操作符
我们知道 ?.
操作符号如果对象不存在,刚返回 undefined
,开发中可能不返回 undefined
而是返回一个默认值,这时我们可以使用双问题 ??
操作符。
有点抽象,直接来一个例子:
1 2 3 | const country = user.officeaddress?.country;
console.log(country);
|
需要返回默认值:
1 2 3 | const country = user.officeaddress?.country ?? "中国" ;
console.log(country);
|
英文原文地址:https://codingncoepts.com/javascript/optional-chaining-opeator-javascript/
作者:Ashish Lahoti
更多编程相关知识,请访问:编程入门!!
以上就是聊聊JavaScript中的可选 (?.)操作符的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
每天一个js 小demo之滑屏幻灯片。主要知识点:event
javascript中return的含义是什么
js中eval函数有什么用
详解javascript中async/await的使用方法
javascript怎么关闭当前窗口
javascript三目运算符有哪些
在javascript中return的含义是什么
vue keep-alive组件的使用以及原理介绍
javascript的内部方法有什么
javascript的this的用法详解
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 聊聊JavaScript中的可选 (?.)操作符