可选链 操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。 ?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空( nullish ) ( null 或者 undefined ) 的情况下不会引起错误，该表达式短路返回值是 undefined 。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined 。
当尝试访问可能不存在的对象属性时，可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时，如果不能确定哪些属性必定存在，可选链操作符也是很有帮助的。
为了避免报错，在访问obj.first.second之前，要保证 obj.first 的值既不是 null，也不是 undefined。如果只是直接访问 obj.first.second，而不对 obj.first 进行校验，则有可能抛出错误。
有了可选链操作符（?.），在访问 obj.first.second 之前，不再需要明确地校验 obj.first 的状态，再并用短路计算获取最终结果：
摘自： 可选链操作符
这是es最新的可选链语法，可以搜索es的说明文档。意思是如果前面的value的第一个值存在，就取它的url，避免出现错误或未定义。这样做比之前的先判断再取值，或者短路表达式更简洁高效，而且在项目当中用得较多，所以es加入了这种语法。npm install @babel/plugin-proposal-optional-chaining //可选链？.npm install @babel/plugin-proposal-nullish-coalescing-operator //合并空 ？？
配置babel.config.js (需要重新启动）
可选链？.
对于对象取值a.b.c ,解决若没有c会报错的问题。
用了可选链返回undefined。
合并空？？
只针对于null和undefined会取 ？？ 后的默认值。
与|| 区别 0 false “” 被认为有效值
