在前端开发中，经常会遭遇空指针异常。这是因为 JavaScript 是一种弱类型语言，而且没有严格的变量声明和类型检查。在某些情况下，我们可能会访问不存在的变量或对象属性，这就会导致运行时错误。为了避免这种情况，ECMAScript 2017 引入了一些新的特性，可以帮助我们更好地处理空指针异常。
Optional Chaining（可选链）
Optional Chaining 是 ECMAScript 2017 中引入的一个新特性，用于简化访问深层嵌套的属性或方法时的代码。在旧的 JavaScript 中，我们需要使用繁琐的 if 语句来判断属性是否存在，然后再进行访问。现在，我们可以使用 Optional Chaining 来简化这个过程。
例如，我们有一个对象，里面嵌套了多个属性：
const person = {
name: 'Alice',
address: {
city: 'Beijing',
street: 'Main Street'
}
};如果我们想要访问 person 对象中 address 属性的 city 属性，我们可以使用 Optional Chaining：
const city = person?.address?.city;
这段代码的意思是，如果 person 或 address 不存在，就不会访问它们的属性，而是直接返回 undefined。这样，我们就可以避免空指针异常了。
Nullish Coalescing（空值合并）
Nullish Coalescing 是另一个在 ECMAScript 2017 中引入的特性，用于处理变量为空或 undefined 的情况。在旧的 JavaScript 中，我们通常使用 || 运算符来判断变量是否为空或 undefined，然后使用默认值来代替它。但是，这种方法存在一个问题，就是当变量的值为 falsy 值时，也会被判断为空。而 Nullish Coalescing 可以帮助我们解决这个问题。
例如，我们有一个变量，可能为空或 undefined：
const value = null;
如果我们想要使用默认值来代替它，我们可以使用 Nullish Coalescing：
const result = value ?? 'default';
这段代码的意思是，如果 value 为空或 undefined，就使用默认值 'default'。注意，只有当 value 的值为 null 或 undefined 时，才会使用默认值。当 value 的值为 0、''、false 或 NaN 时，不会使用默认值。
总结
ECMAScript 2017 引入了 Optional Chaining 和 Nullish Coalescing 两个新特性，可以帮助我们更好地处理空指针异常。使用 Optional Chaining 可以简化访问深层嵌套的属性或方法时的代码，使用 Nullish Coalescing 可以处理变量为空或 undefined 的情况。在实际开发中，我们应该充分利用这些特性，避免空指针异常的发生。
示例代码
const person = {
name: 'Alice',
address: {
city: 'Beijing',
street: 'Main Street'
}
};
// 使用 Optional Chaining 访问深层嵌套的属性
const city = person?.address?.city;
console.log(city); // 'Beijing'
// 使用 Nullish Coalescing 处理变量为空或 undefined 的情况
const value1 = null;
const value2 = '';
const result1 = value1 ?? 'default';
const result2 = value2 ?? 'default';
console.log(result1); // 'default'
console.log(result2); // ''来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/658cbadaeb4cecbf2d279802