JavaScript 三种创建对象的方法

我来详细讲解 JavaScript 三种创建对象的方法。

1. 工厂函数创建对象

通过工厂函数可以返回一个对象。我们可以在函数内部定义一个对象，然后向这个对象添加各种属性和方法，最后完整的返回这个对象。这种方法的优点，可以根据不同的参数，返回多个相似的对象；缺点是不能识别每个具有同样属性和方法的对象类型。

以下是一个例子：

function createPerson(name, age, gender) {
  var person = {};
  person.name = name;
  person.age = age;
  person.gender = gender;
  person.sayHello = function() {
    console.log(`Hello, my name is ${this.name}.`);
  };
  return person;
}

var person1 = createPerson('Alice', 25, 'female');
var person2 = createPerson('Bob', 30, 'male');

2. 构造函数创建对象

通过构造函数可以创建一个新的对象。它的优点在于，可以使用 new 操作符，将一个函数作为构造函数来调用；同时构造函数可以接受参数，更加灵活。

以下是一个例子：

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

var person1 = new Person('Alice', 25, 'female');
var person2 = new Person('Bob', 30, 'male');

3. 原型链创建对象

每个对象都有一个原型链，原型链可用于共享属性和方法。通过原型链可以创建基于同一个原型创建多个对象，而不必将所有方法都重复定义到每个对象中。可以使用 Object.create() 函数来创建新的对象，并将一个对象的原型链链接到另一个对象。这种方法的优点是易于共享和重用方法和属性，缺点是在某些情况下，可能会出现不意料的行为，由于修改了所有创建的对象都共享的原型对象。

以下是一个例子：

var personProto = {
  sayHello: function() {
    console.log(`Hello, my name is ${this.name}.`);
  }
};

var person1 = Object.create(personProto);
person1.name = 'Alice';
person1.age = 25;
person1.gender = 'female';

var person2 = Object.create(personProto);
person1.name = 'Bob';
person1.age = 30;
person1.gender = 'male';

以上就是 JavaScript 三种创建对象的方法的详细攻略。