方式 1：对象字面量

2023-11-20 05:30:14

JavaScript 创建对象的多种方式对比

对象创建方法 是 JavaScript 开发中一个基本概念。作为一名经验丰富的技术博客作者，我将深入探讨 JavaScript 中创建对象的几种方法及其优缺点，帮助您根据特定需求做出明智的选择。

对象字面量是创建对象的简洁方式。通过使用花括号 {} 定义键值对，即可轻松创建对象。这种方法简单易懂，适用于创建包含固定属性的对象。

const person = {
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer"
};

构造函数提供了一种更灵活且可重用的方式来创建对象。它定义一个蓝图，用于创建具有相似属性和方法的新对象。

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

const person1 = new Person("Jane Doe", 25, "Software Developer");
const person2 = new Person("John Smith", 40, "Project Manager");

工厂函数返回一个新对象，而不使用构造函数的 new 。它提供了与构造函数类似的功能，但更灵活，因为它可以返回不同类型的对象。

function createPerson(name, age, occupation) {
  return {
    name,
    age,
    occupation
  };
}

const person1 = createPerson("Michael Jones", 35, "Web Designer");
const person2 = createPerson("Emily Carter", 28, "Technical Writer");

ES6 引入了 class 语法，提供了一种更简洁、更接近面向对象编程范式的对象创建方式。与构造函数类似，它定义了一个蓝图，但语法更直观。

class Person {
  constructor(name, age, occupation) {
    this.name = name;
    this.age = age;
    this.occupation = occupation;
  }
}

const person1 = new Person("Sarah Miller", 45, "Data Scientist");
const person2 = new Person("David Brown", 32, "UX Designer");