JavaScript使用原型链实现继承

翻滚的胖子
2023-09-05 10:13:49
前端技术
JavaScript PHP

在JavaScript中，原型链是实现继承的一种常见方法。通过原型链，我们可以将一个对象的属性和方法继承给另一个对象，实现代码的复用和组织。

什么是原型链

在JavaScript中，每个对象都有一个原型对象。当我们访问一个对象上的属性或方法时，如果该对象本身没有该属性或方法，JavaScript会沿着原型链向上查找，直到找到该属性或方法或者到达原型链的顶部。

如何使用原型链实现继承

要使用原型链实现继承，我们需要创建一个构造函数，并将需要继承的属性和方法添加到构造函数的原型对象上。然后，我们可以通过创建新的对象，并将其原型指向该构造函数的实例，来实现继承。

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

Parent.prototype.sayHello = function() {
  console.log('Hello, ' + this.name + '!');
}

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

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

Child.prototype.sayAge = function() {
  console.log('I am ' + this.age + ' years old.');
}

var child = new Child('Alice', 10);
child.sayHello();
child.sayAge();

在上面的代码中，我们定义了一个Parent构造函数，并将其原型对象上添加了一个sayHello方法。然后，我们定义了一个Child构造函数，通过调用Parent构造函数并传入name参数来继承Parent的属性。接着，我们将Child的原型对象指向了一个新创建的Parent实例，并将constructor属性修复为Child。最后，我们在Child的原型对象上添加了一个sayAge方法。

通过这样的实现，我们可以创建一个Child的实例child，并调用其继承自Parent的sayHello方法和自身的sayAge方法。