设置 JavaScript 对象属性的默认值-JavaScript中文网-JavaScript教程资源分享门户

在开发前端应用程序时，我们通常会创建和使用多个 JavaScript 对象。为了更好地控制应用程序的行为和外观，我们需要在这些对象中设置默认值。本文将讨论如何设置 JavaScript 对象属性的默认值，并提供详细的解释和示例代码。

什么是默认值？

默认值是指当 JavaScript 对象的属性没有被赋值时，属性将采用的预先定义的值。例如，假设我们正在创建一个名为 person 的对象，并且希望该对象具有默认的 name 和 age 属性：

const person = {
  name: 'John',
  age: 30
};

在上面的代码中，我们明确指定了 name 和 age 属性的默认值。如果未来我们创建了一个新的 person 对象，但没有为其指定 name 或 age 的值，则这些属性将自动采用默认值。

有几种方法可以在 JavaScript 中设置对象属性的默认值。下面介绍其中两种方法：

这种方法涉及逐个检查对象的每个属性，并在缺少值时为其设置默认值。以下是一个示例：

const person = {};
person.name = person.name || 'John';
person.age = person.age || 30;

在上面的代码中，我们首先使用空对象创建了一个 person 对象，然后逐个检查 name 和 age 属性是否存在。对于缺少值的属性，我们使用逻辑或运算符为其设置默认值。

ES6 引入了一种更简单的方法来设置 JavaScript 对象属性的默认值。这可以通过在函数声明中使用默认参数语法来完成。以下是一个示例：

function createPerson({ name = 'John', age = 30 } = {}) {
  return { name, age };
}

const person = createPerson();

在上面的代码中，我们定义了一个名为 createPerson 的函数，并使用 ES6 默认参数语法为其指定了名为 name 和 age 的默认属性。当我们调用 createPerson 函数时，它将返回一个具有预定义属性的新对象，除非我们明确地传递了不同的值。

本文讨论了如何设置 JavaScript 对象属性的默认值，包括两种主要方法：逐个检查每个属性并设置默认值以及使用 ES6 默认参数语法。无论你选择哪种方法，设置默认值都是一项非常有用的技能，可以帮助你更好地控制应用程序的行为和外观。

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