JavaScript面向对象之继承

2024-01-10 18:31:01

在JavaScript中，面向对象编程是一个强大的工具，它可以帮助我们构建可重用和可维护的代码。继承是面向对象编程的一个重要概念，它允许我们创建新的对象，这些对象具有父对象的所有属性和方法。

构造函数

在JavaScript中，我们可以使用构造函数来创建对象。构造函数是一个特殊的函数，它用于创建和初始化对象。构造函数的名称通常与要创建的对象的名称相同，并且它必须使用new来调用。

例如，我们可以使用以下代码来创建Person对象：

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

我们还可以使用以下代码来创建Student对象：

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

Student对象继承了Person对象的所有属性和方法。这意味着我们可以使用Student对象来访问和修改Person对象的所有属性和方法。

原型链

在JavaScript中，每个对象都有一个原型对象。原型对象是一个特殊的对象，它包含了该对象的所有属性和方法。当我们访问一个对象的属性或方法时，JavaScript会首先在该对象的原型对象中查找。如果在原型对象中找到了该属性或方法，则JavaScript会返回该属性或方法。如果在原型对象中没有找到该属性或方法，则JavaScript会继续在该对象的原型对象的原型对象中查找，以此类推。

例如，我们可以使用以下代码来访问Person对象的name属性：

const person = new Person("John", 30);
console.log(person.name); // John

当我们访问person.name属性时，JavaScript会首先在Person对象的原型对象中查找name属性。由于Person对象的原型对象中包含name属性，因此JavaScript会返回该属性。

super关键字

在JavaScript中，super关键字可以用来访问父对象的方法和属性。super关键字只能在子对象的构造函数中使用。

例如，我们可以使用以下代码来访问Student对象的Person对象的getName方法：

function Student(name, age, grade) {
  super(name, age);
  this.grade = grade;
}

Student.prototype.getName = function() {
  return super.getName();
};

当我们调用Student对象的getName方法时，JavaScript会首先在Student对象的原型对象中查找getName方法。由于Student对象的原型对象中不包含getName方法，因此JavaScript会继续在Student对象的原型对象的原型对象中查找。由于Student对象的原型对象的原型对象是Person对象的原型对象，因此JavaScript会找到getName方法。