Js 防止空指针调用的优雅写法

在 JavaScript 中，空指针调用通常指的是对一个值为 null 或 undefined 的变量进行属性或方法访问时出现的错误，比如：

let obj = null;

// 这里会抛出 TypeError: Cannot read property 'name' of null
let name = obj.name;

为了避免这种错误，我们可以采用一些优雅的写法：

1. 使用 Optional chaining 运算符 ?.，例如：

let obj = null;

// 如果obj为null或undefined，则name的值为undefined
let name = obj?.name;

1. 使用 Nullish Coalescing 运算符 ??，例如：

let obj = null;

// 如果obj为null或undefined，则name的值为'Unknown'
let name = obj?.name ?? 'Unknown';

1. 利用短路运算符 && 和 ||，例如：

let obj = null;

// 如果obj存在且有name属性，则取出name的值；否则name的值为'Unknown'
let name = obj && obj.name || 'Unknown';

需要注意的是，以上写法都是 ES2020 中引入的新特性，如果需要在旧版本的浏览器或 Node.js 中使用，可能需要进行相应的 polyfill 或者使用相应的库来实现。