unexpected token .bug报错

兼容性问题

安卓10 App以及浏览器无法识别es语法可选链操作符( ?. )

补充ES2020 新语法:可选链操作符( ?. )

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

javascript 复制代码
let obj = {
    name: 'jone',
    age:16,
    school: {
      name: '清华大学',
      address: '北京',
    }
}
let schoolName = obj && obj.school && obj.school.name // 清华大学大学
let homeName = obj.home.address // Uncaught TypeError: Cannot read property 'address' of undefined
let homeName = obj && obj.home && obj.home.address // undefined
相关推荐
郑寿昌21 分钟前
IIoT本体迁移的领域扩展机制
服务器·前端·microsoft
深海鱼在掘金44 分钟前
Next.js从入门到实战保姆级教程(第十一章):错误处理与加载状态
前端·typescript·next.js
深海鱼在掘金1 小时前
Next.js从入门到实战保姆级教程(第十二章):认证鉴权与中间件
前端·typescript·next.js
energy_DT1 小时前
2026年十五五油气田智能增产装备数字孪生,CIMPro孪大师赋能“流动增产工厂”三维可视化管控
前端
龙猫里的小梅啊1 小时前
CSS(四)CSS文本属性
前端·css
MXN_小南学前端1 小时前
watch详解:与computed 对比以及 Vue2 / Vue3 区别
前端·javascript·vue.js
饭小猿人1 小时前
Flutter实现底部动画弹窗有两种方式
开发语言·前端·flutter
让学习成为一种生活方式2 小时前
pbtk v 3.5.0安装与使用--生信工具084
前端·chrome
heimeiyingwang2 小时前
【架构实战】FinOps云成本优化实践
前端·chrome·架构
2601_949814692 小时前
Docker部署Spring Boot + Vue项目
vue.js·spring boot·docker