为什么是类空的“对象”？

在前端开发中，我们经常会听到类空对象这个概念。它指的是一个没有任何属性和方法的空对象，通常被用作一些默认值或者占位符。

类空对象的定义

类空对象是指一个没有任何属性和方法的空对象。它通常使用字面量创建：

const emptyObject = {};

空对象可以用来代替 null 或 undefined，并且它不会抛出任何异常。因此，它通常被用作一个默认值或者占位符。

为什么要使用类空对象？

避免空指针异常

在 JavaScript 中，如果使用 null 或 undefined，那么在访问该对象的属性或者调用其方法时会抛出错误，即空指针异常。而如果使用类空对象，就可以避免这种情况的发生。

例如，在一个函数中需要传入一个对象参数，但有可能该参数并不存在时，我们可以这样写：

function myFunc(obj = {}) {
  // 其他代码
}

这样，即使该参数不存在，也不会抛出任何异常。

简化代码逻辑

使用类空对象还可以简化代码逻辑。例如，我们想要获取一个对象的某个属性，如果该属性不存在，我们希望返回一个默认值。可以像下面这样写代码：

const value = obj && obj.prop ? obj.prop : defaultValue;

这种写法需要进行多次判断，比较繁琐。而如果使用类空对象，就可以这样写：

const value = obj.prop || defaultValue;

这样简洁明了，也更容易理解。

类空对象的指导意义

类空对象在前端开发中非常常见，它不仅可以避免空指针异常，还可以简化代码逻辑。因此，我们应该在编写代码时经常使用它，并且在函数参数、属性访问等场景中尽可能使用类空对象代替 null 或 undefined。

示例代码

以下是一个示例代码，展示了如何使用类空对象：

function myFunc(obj = {}) {
  const { prop1 = 'default1', prop2 = 'default2' } = obj;
  // 其他代码
}

const obj = { prop1: 'value1' };
myFunc(obj); // prop2 的值为默认值 default2

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10010