（补充：是为了在 Vue 2中使用。Vue3原生支持） js 新语法，可选链操作符（Optional chaining）“?.”，空值合并运算符（Nullish coalescing）“??”。它们在 vue 项目的模板里，默认是不可用的。需要引用 babel 开发依赖库 ...

一、babel作用: (我偷懒了,直接用官网介绍) Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。据我所知, 无论是webpack项目还是vite项目都需要使用到 ...

空值合并运算符（??）是一个逻辑运算符，当左侧操作数为 null 或 undefined 时，返回右侧的操作数，否则返回左侧操作数，出于安全原因，禁止将??运算符与 && 和 || 运算符一起使用 注意：?? 运算符的优先级非常低，只略高于 ...

壹 ❀ 引 说来也比较惭愧，可选链操作符?.在公司项目中使用特别频繁，而我在之前一直以为是类似奇技淫巧的写法，所以也没去查阅相关文档，直到在学习typescript时碰巧看到了可选链操作符与空值合并操作符两个概念，才知道原来是ECMAScript官方提出的新语法。因为本人觉得确实非常好 ...

function doSomething(onContent, onError) { try { // ... do something with the data } c ...

1：安装依赖 cnpm install @babel/plugin-proposal-optional-chaining -S 2:在babel.config.js中 的 plugins中添加 ...

总结： ...

日常业务中，经常会遇到这么一个情况：需要用到的某个属性在接口返回的数据中可能是不存在的或者其上一级的属性是不存在的，例如： 如果数据是齐全的情况下，通过 zs.info.name.firstName可以正常获取到“张”，此时如果name这个字段没有，而直接访问这个字段就会报一个 ...