（補充：是為了在 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這個字段沒有，而直接訪問這個字段就會報一個 ...