如何通过JavaScript继承一个对象（方法一：借用构造函数）

2023-12-20 19:25:15

JavaScript作为一门面向对象的编程语言，自然也支持继承。继承是指一个对象可以从另一个对象（父对象）那里继承属性和方法。这使得代码重用和维护变得更加容易。

在JavaScript中，实现继承的方法有很多种，借用构造函数就是其中一种。借用构造函数的方式很简单，只需要通过call、apply或bind方法来改变this的指向，让父类里面的this指向子类的上下文即可。这样，在父类里面通过this访问的属性和方法就都指向了子类。

function Parent(name) {
  this.name = name;
}

Parent.prototype.greet = function() {
  console.log("Hello, my name is " + this.name);
};

function Child(name, age) {
  Parent.call(this, name);
  this.age = age;
}

Child.prototype = Object.create(Parent.prototype);

const child = new Child("John", 20);

child.greet(); // Hello, my name is John

在这个例子中，Parent是父类，Child是子类。Child通过call方法调用了Parent的构造函数，这样this就指向了Child的上下文，从而让Parent的属性和方法都继承到了Child中。

借用构造函数的方式虽然简单易用，但是也有一个缺点，就是子类的原型对象并不是父类的原型对象。这可能会导致一些问题，比如子类无法继承父类的静态方法。

为了解决这个问题，我们可以使用Object.create()方法来创建子类的原型对象，并将其设置为父类的原型对象。这样，子类就可以继承父类的静态方法了。

function Parent(name) {
  this.name = name;
}

Parent.prototype.greet = function() {
  console.log("Hello, my name is " + this.name);
};

function Child(name, age) {
  Parent.call(this, name);
  this.age = age;
}

Child.prototype = Object.create(Parent.prototype);

Child.prototype.constructor = Child;

const child = new Child("John", 20);

child.greet(); // Hello, my name is John