可選鏈plugin-proposal-optional-chaining的使用（優化）

第一步 安裝 npm install --save-dev @babel/plugin-proposal-optional-chaining
 然后在.babelrc.js文件夾里進行配置 plugins："@babel/plugin-proposal-optional-chaining"， vscode好像不太支持這種語法，所以得在vscode的setting中配置 "javascript.validate.enable": false,

接下來就可以使用了

大概用法

 可以省略邏輯運算符 const obj={ a:{ b:1 },
　　　　　　　b:[1,2,4] } const num=obj && obj.a && obj.a.b const num=obj?.a?.b   
　　　　const arr=obj?.b?.[0]  //判斷數組的第0項是否存在     

在react項目中接受組件穿過來的方法時可以這么寫 const {getValue}=this.props getValue && getValue() getValue?.()

數組在進行遍歷前可以進行判斷，避免數組為undefined報錯 const arr=[1,2,3] arr?.map(item=>{ //...
        })