揭秘js创建对象的三种方式：你是否早已掌握？

2024-01-31 19:05:04

在JavaScript中，对象是一种复杂的数据类型，可以存储键值对。创建对象有三种主要方式：对象字面量、new 构造函数和自定构造函数。每种方式都有其优点和缺点，适用不同的场景。让我们深入了解这三种方式，掌握JavaScript对象的创建技巧。

对象字面量

对象字面量是最简单、最直接的方式来创建对象。它使用花括号({})来定义对象，键值对之间使用冒号(:)分隔，键和值之间使用逗号(,)分隔。例如：

const person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

这种方式创建的对象是不可变的，这意味着一旦创建就不能修改其属性。

new 构造函数

new 构造函数是一种使用构造函数来创建对象的语法。构造函数是一个特殊的函数，用于创建和初始化对象。它使用new调用，并在括号中传递参数。例如：

function Person(name, age, city) {
  this.name = name;
  this.age = age;
  this.city = city;
}

const person = new Person("John Doe", 30, "New York");

使用new构造函数创建的对象是可变的，这意味着可以修改其属性。

自定构造函数

自定构造函数是一种使用自定函数来创建对象的语法。它与new 构造函数类似，但使用自定的函数名而不是内置的new关键字。例如：

function createPerson(name, age, city) {
  const person = {};
  person.name = name;
  person.age = age;
  person.city = city;
  return person;
}

const person = createPerson("John Doe", 30, "New York");

使用自定构造函数创建的对象也是可变的。