JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】

JavaScript创建对象方式总结

在JavaScript中，我们可以使用多种方式来创建对象，包括工厂模式、构造函数模式、原型模式等。下面将针对每种方式进行详细讲解。

工厂模式

工厂模式是一种基本的对象创建方式，通过工厂函数来创建对象。这种方式可以避免重复代码，提高了代码的可复用性。

实现一个创建人物的工厂，示例代码如下：

function createPerson(name, age, gender) {
  return {
    name: name,
    age: age,
    gender: gender,
    sayName: function () {
      console.log(this.name);
    }
  };
}

var person1 = createPerson("Tom", 18, "male");
var person2 = createPerson("Jerry", 20, "female");

person1.sayName(); // Tom
person2.sayName(); // Jerry

在上述示例代码中，我们首先定义了一个createPerson函数，这个函数接收三个参数，分别为name、age、gender。然后，我们通过return语句返回一个对象，这个对象包含了三个属性，分别为name、age、gender，并且还包含了一个方法sayName。最后，我们分别通过createPerson函数来创建了两个对象person1和person2，并且调用了它们的sayName方法。

构造函数模式

与工厂模式相比，构造函数模式可以更加规范和严谨地创建对象。在这种方式中，我们通过构造函数来创建一个新的对象，并且可以通过this关键字来指向当前对象。

实现一个创建人物的构造函数，示例代码如下：

function Person(name, age, gender) {
  this.name = name;
  this.age = age;
  this.gender = gender;
  this.sayName = function () {
    console.log(this.name);
  };
}

var person1 = new Person("Tom", 18, "male");
var person2 = new Person("Jerry", 20, "female");

person1.sayName(); // Tom
person2.sayName(); // Jerry

在上述示例代码中，我们首先定义了一个Person函数，这个函数使用了this关键字来指向当前创建的对象，并且分别为这个对象添加了name、age、gender和sayName四个属性和方法。然后，我们通过new关键字来创建了两个新的对象person1和person2，并且调用了它们的sayName方法。

原型模式

原型模式是一种创建对象的方式，它通过原型来共享属性和方法，从而提高了代码的复用性和效率。

实现一个创建人物的原型模式，示例代码如下：

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

Person.prototype.sayName = function () {
  console.log(this.name);
};

var person1 = new Person("Tom", 18, "male");
var person2 = new Person("Jerry", 20, "female");

person1.sayName(); // Tom
person2.sayName(); // Jerry

在上述示例代码中，我们首先定义了一个Person函数，并且通过this关键字为这个对象添加了name、age、gender三个属性。然后，我们通过Person.prototype对象为这个对象添加了一个sayName方法。最后，我们通过new关键字来创建了两个新的对象person1和person2，并且调用了它们的sayName方法。

总结

通过工厂模式、构造函数模式和原型模式，我们可以创建出多种对象。其中，工厂模式可以避免重复代码，提高了代码的可复用性；构造函数模式可以更加规范和严谨地创建对象，并且可以通过this关键字来指向当前对象；原型模式通过原型来共享属性和方法，从而提高了代码的复用性和效率。根据实际的需求，我们可以选择合适的方式来创建对象。