独家秘籍：揭秘 JavaScript 继承面试必备知识

前端

2024-01-09 00:07:32

继承概述

继承是面向对象编程中最为核心的概念之一，它允许子类继承父类的各种方法和属性。在JavaScript中，继承的概念较为复杂，主要分为原型链继承和构造函数继承两种。

2. 原型链继承

原型链继承是JavaScript中最为基础的继承方式。在JavaScript中，每个对象都有一个原型对象，该原型对象又具有自己的原型对象，如此递归，直到最终到达原型链的顶端——Object.prototype。

子对象可以继承父对象的原型，从而访问和使用父对象的方法和属性。然而，这种继承方式存在一个缺陷，即子对象无法访问父对象的私有属性和方法。

3. 构造函数继承

构造函数继承是另一种实现继承的方式。在JavaScript中，构造函数的作用是创建对象。子对象的构造函数可以调用父对象的构造函数，从而继承父对象的方法和属性。

构造函数继承与原型链继承相比，具有更大的灵活性，子对象可以访问父对象的私有属性和方法。然而，构造函数继承也存在一个缺陷，即子对象无法继承父对象的原型方法和属性。

4. ES6 class

ES6中引入了一个新的语法——class，它使得JavaScript的继承变得更加简单和直观。class语法与其他面向对象语言中的class语法非常相似，它可以定义类的属性和方法，并且支持继承。

class Parent {
  constructor(name) {
    this.name = name;
  }

  greet() {
    console.log(`Hello, my name is ${this.name}.`);
  }
}

class Child extends Parent {
  constructor(name, age) {
    super(name);
    this.age = age;
  }

  greet() {
    super.greet();
    console.log(`I am ${this.age} years old.`);
  }
}

const child = new Child('John', 20);
child.greet();