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
相关推荐
半桶水专家4 分钟前
父子组件通信详解
开发语言·前端·javascript
Watermelo6177 分钟前
从vw/h到clamp(),前端响应式设计的痛点与进化
前端·javascript·css·算法·css3·用户界面·用户体验
寻星探路11 分钟前
测试开发话题10---自动化测试常用函数(2)
java·前端·python
Moment13 分钟前
快到  2026  年了:为什么我们还在争论  CSS 和 Tailwind?
前端·javascript·css
梵得儿SHI24 分钟前
Vue 核心语法详解:模板语法中的绑定表达式与过滤器(附 Vue3 替代方案)
前端·javascript·vue.js·插值语法·vue模板语法·绑定表达式·过滤器机制
江城开朗的豌豆26 分钟前
TypeScript枚举:让你的代码更有"选择权"
前端·javascript
江城开朗的豌豆36 分钟前
TypeScript接口:打造你的代码“契约”之道
前端·javascript
江城开朗的豌豆39 分钟前
TypeScript类:面向对象编程的超级武器
前端·javascript
鹏多多40 分钟前
React项目使用useMemo优化性能指南和应用场景
前端·javascript·react.js
dllxhcjla41 分钟前
css第一天
java·前端·css