部分浏览器执行js中 data.?a ?? null报错

当部分浏览器在JavaScript中遇到 `data.?a ?? null` 这样的表达式时可能会报错，这是因为这个语法并不是标准的 JavaScript。这里可能有两层含义：

1. **尝试访问不存在的数据属性**：
`data.?a` 可能是一个尝试动态访问对象数据成员的过程，但`.` 表示的是常规的对象属性访问，如果 `data` 对象中并没有名为 `?a` 的属性，那么会直接返回 `undefined` 而不是抛出错误。如果你试图访问一个不存在的数组索引，例如 `data[?]`，如果没有提供有效的索引值，通常不会报错而是返回 `undefined`。

2. **ES6 模板字符串和默认值运算符的混合**：
如果 `??` 是作为模板字符串中的默认插值表达式(`?.` 是 ES2020 中新增的空合并运算符)，则它应该用于条件检查并提供默认值。但在旧版本浏览器中，它们可能不支持这种语法。正确的写法应该是 `${data?.a}` 或者 `(data && data.a)`，前者对 `data` 是否存在以及 `a` 属性进行安全的访问。

由于浏览器兼容性问题，对于上述代码，如果 `data` 是对象并且 `?a` 并非合法属性名，或者浏览器不支持该特性，就可能出现错误。为了保证在所有浏览器上都能正常工作，建议使用条件语句来处理可能存在的 null 或 undefined 情况，如：

let value = data && (data.hasOwnProperty('a') ? data.a : null);

或者

let value = `${data?.a}`;