介绍
空对象在前端开发中是一种非常常见的数据类型。在处理数据时，我们会发现有些数据可能为空，这时候我们需要对空对象进行特殊的处理。在 ECMAScript 2018 中，针对空对象提供了一些非常有用的方法和特性。本篇文章将详细介绍如何使用 ECMAScript 2018 处理空对象。
ECMAScript 2018 中的空对象
在 ECMAScript 2018 中，空对象是一种没有任何属性或方法的对象。使用 Object.keys() 方法获取该对象时，会返回一个空数组，使用 Object.getOwnPropertyNames() 方法获取该对象时，会返回一个空数组。
以下是创建空对象的方法：
const emptyObject = Object.create(null);
const anotherEmptyObject = {};
Object.setPrototypeOf(anotherEmptyObject, null);如何处理空对象
在 ECMAScript 2018 中，我们可以使用 Optional chaining 和 Nullish coalescing 运算符来处理空对象。
Optional chaining 运算符
Optional chaining 运算符 ?. 可以让我们避免在访问对象的属性或方法时出现 TypeError。它会在访问链断裂时短路，并返回 undefined。
例如，以下代码会报错：
const person = null; const age = person.age; // 报错：Cannot read property 'age' of null
我们可以使用 Optional chaining 运算符来避免该错误：
const age = person?.age; // undefined（如果 person 为 null 或 undefined）否则返回 person.age 的值
Nullish coalescing 运算符
我们可以使用 Nullish coalescing 运算符 ?? 来处理值为 null 或 undefined 的情况。Nullish coalescing 运算符会在左侧的表达式为 null 或 undefined 时返回右侧的表达式。
例如，以下代码可能会返回错误的结果：
const person = {};
const age = person.age || 0; // 0当 person.age 的值为 null、undefined、0、''、NaN 时，age 的值也将为 0。我们可以使用 Nullish coalescing 运算符来避免该问题：
const age = person.age ?? 0; // 0（如果 person.age 为 null 或 undefined）否则返回 person.age 的值
示例代码
以下是空对象处理的示例代码：
-- -------------------- ---- ------- ----- ------ - - ----- -------- ---- ---- -- -- -------- -------- ---- ------- ---------- --- ----- --- - ----------- -- -- ----------------- -- --- ---------- --- ---- --
总结
在 ECMAScript 2018 中，我们可以使用 Optional chaining 和 Nullish coalescing 运算符来处理空对象。这些运算符能让我们更加高效地处理空对象，并避免出现 TypeError。希望本篇文章能够帮助你更好地掌握 ECMAScript 2018 中处理空对象的方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6460451a968c7c53b020160b