JavaScript constructor 属性

在 JavaScript 中，每个对象都有一个 constructor 属性，这个属性指向创建该对象的构造函数。构造函数是用来创建对象的函数，通过 new 关键字调用构造函数可以创建新的对象。constructor 属性可以帮助我们判断一个对象是由哪个构造函数创建的，从而更好地理解对象的结构和功能。

使用 constructor 属性

要访问对象的 constructor 属性，只需要使用对象的属性访问符号 . 或者 []，例如：

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

const john = new Person('John', 30);
console.log(john.constructor); // 输出：[Function: Person]

在上面的例子中，我们定义了一个 Person 构造函数来创建一个 Person 对象 john，然后通过 john.constructor 来获取构造函数。

判断对象的构造函数

通过 constructor 属性，我们可以方便地判断一个对象是由哪个构造函数创建的，这在某些情况下非常有用。例如，我们可以使用 instanceof 运算符来判断一个对象是否是由特定构造函数创建的：

function Car(make, model) {
  this.make = make;
  this.model = model;
}

const myCar = new Car('Toyota', 'Corolla');
console.log(myCar instanceof Car); // 输出：true

在上面的例子中，我们使用 instanceof 运算符来判断 myCar 是否是由 Car 构造函数创建的，返回值为 true。

修改对象的 constructor 属性

有时候我们可能需要手动修改对象的 constructor 属性，这在一些特定的情况下可能会用到。例如，当我们通过原型继承创建一个新的对象时，可能需要手动修改 constructor 属性，以确保正确地指向原始构造函数。示例如下：

// www.javascriptcn.com code example
function Animal(type) {
  this.type = type;
}

function Dog(type, breed) {
  Animal.call(this, type);
  this.breed = breed;
}

Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog;

const myDog = new Dog('mammal', 'Golden Retriever');
console.log(myDog.constructor); // 输出：[Function: Dog]

在上面的例子中，我们定义了 Animal 和 Dog 两个构造函数，通过原型继承创建了 Dog 对象 myDog，然后手动修改了 myDog 的 constructor 属性，确保其正确指向 Dog 构造函数。

通过了解和使用对象的 constructor 属性，我们可以更好地理解和控制 JavaScript 中的对象创建和继承过程。希望本文对你有所帮助！