JS 创建对象(常见的几种方法)

下面是关于JS创建对象的几种常见方法的详细攻略。

概述

在之前，我们可以通过使用对象字面量的方式来创建 JavaScript 中的对象，但是如果我们需要创建多个类似的对象，这将非常麻烦。因此，在 JavaScript 中我们可以使用不同的方法来创建对象，这些方法包括：构造函数模式、工厂模式、原型模式、组合模式和 ES6 中的 class 语法。

构造函数模式

构造函数模式是最常见的创建对象的方法之一。通过构造函数模式创建的对象通常称为实例。构造函数模式中，我们可以使用关键字 new 来创建对象实例，而构造函数本身也可以看作是一个模板，用于创建同类型的对象。下面是一个简单的示例：

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.sayHello = function() {
    console.log(`Hello, I'm ${this.name}, and my age is ${this.age}.`);
  }
}

const person1 = new Person('John', 30);
const person2 = new Person('Jane', 25);

person1.sayHello(); // Hello, I'm John, and my age is 30.
person2.sayHello(); // Hello, I'm Jane, and my age is 25.

上述代码中，我们定义了一个 Person 构造函数，该函数接收两个参数 name 和 age，并将它们分别赋值给 this.name 和 this.age 属性。同时，我们也定义了一个 sayHello 方法，这个方法可以用来输出一个问候语。最后，我们通过使用 new 关键字来创建两个实例对象 person1 和 person2。

工厂模式

工厂模式是另外一个创建对象的常用方法，工厂模式可以看作是一种简单工厂模式。在工厂模式中，我们创建一个工厂函数，该函数用于创建和返回具有一些相似属性的对象。下面是一个简单的示例：

function createPerson(name, age) {
  return {
    name,
    age,
    sayHello() {
      console.log(`Hello, I'm ${this.name}, and my age is ${this.age}.`);
    }
  };
}

const person1 = createPerson('John', 30);
const person2 = createPerson('Jane', 25);

person1.sayHello(); // Hello, I'm John, and my age is 30.
person2.sayHello(); // Hello, I'm Jane, and my age is 25.

上述代码中，我们定义了一个 createPerson 工厂函数，该函数接收两个参数 name 和 age，并返回一个对象，该对象具有 name 和 age 两个属性，以及一个 sayHello 方法。最后，我们通过调用 createPerson 函数来创建两个不同的对象实例 person1 和 person2。

原型模式

原型模式是用于创建对象的另外一种重要方式。通过原型模式，我们可以让一个对象继承另外一个对象的属性，这样可以让我们的代码更加简洁。原型模式中，我们可以通过使用关键字 Object.create 来创建新对象。下面是一个简单的示例：

const person = {
  name: '',
  age: 0,
  sayHello() {
    console.log(`Hello, I'm ${this.name}, and my age is ${this.age}.`);
  }
};

const person1 = Object.create(person);
person1.name = 'John';
person1.age = 30;

const person2 = Object.create(person);
person2.name = 'Jane';
person2.age = 25;

person1.sayHello(); // Hello, I'm John, and my age is 30.
person2.sayHello(); // Hello, I'm Jane, and my age is 25.

上述代码中，我们定义了一个 person 对象，该对象包含 name 和 age 两个属性，以及一个 sayHello 方法。接下来，我们使用 Object.create 方法，通过 person 对象来创建两个新的对象 person1 和 person2。我们可以设置新对象的属性，从而让每个对象都具有不同的 name 和 age 属性。最后，我们可以通过调用 sayHello 方法来输出问候语。

组合模式

组合模式是前述模式的一个组合，具有构造函数的属性和原型的属性。在这种模式中，我们可以通过构造函数来定义一个对象的实例属性，同时也可以通过原型来定义一个对象的共享属性。下面是一个简单的示例：

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

Person.prototype.sayHello = function() {
  console.log(`Hello, I'm ${this.name}, and my age is ${this.age}.`);
};

const person1 = new Person('John', 30);
const person2 = new Person('Jane', 25);

person1.sayHello(); // Hello, I'm John, and my age is 30.
person2.sayHello(); // Hello, I'm Jane, and my age is 25.

上述代码中，我们定义了一个 Person 构造函数，该函数接收两个参数 name 和 age，并将它们分别赋值给 this.name 和 this.age 属性。同时，我们也在 Person.prototype 对象上定义了一个 sayHello 方法，该方法用于输出问候语。最后，我们通过使用 new 关键字来创建两个实例对象 person1 和 person2。

ES6 中的 class 语法

ES6 在语言层面上添加了 class 的概念，使得对象的构造更加方便、清晰、简洁。通过使用 class，我们可以定义一个原型模型，并通过 extends 关键字来继承一个父类的属性和方法。下面是一个简单的示例：

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

  sayHello() {
    console.log(`Hello, I'm ${this.name}, and my age is ${this.age}.`);
  }
}

const person1 = new Person('John', 30);
const person2 = new Person('Jane', 25);

person1.sayHello(); // Hello, I'm John, and my age is 30.
person2.sayHello(); // Hello, I'm Jane, and my age is 25.

上述代码中，我们定义了一个 Person 类来创建一个对象，该类包含一个 constructor 方法用于定义属性和一个 sayHello 方法用于输出问候语。然后我们使用 new 关键字调用 Person 类来创建两个实例 person1 和 person2。

以上就是JS创建对象的几种常见方法，我们可以根据自己的需求选择不同的方法，创建出符合我们需要的对象。