8、JavaScript原型与`this`关键字深度解析

JavaScript原型与 this 关键字深度解析

1. 原型与ES2015类

在JavaScript中，手动设置构造函数之间的原型链接容易出错，因为涉及多个步骤，而且当需要链接多个构造函数时，很容易忘记某些必要步骤。而ES2015引入的类提供了一种声明式的、更不容易出错的方式来实现相同的结果。

以下是使用ES2015类实现继承的示例代码：

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

    introduce() {
        console.log(`My name is ${this.name} and I am ${this.age} years old`);
    }
}

class Student extends Person {
    constructor(name, age, id) {
        // 将初始化 "name" 和 "age" 属性的责任委托给父类
        super(name, age);
        this.id = id;
    }
}

上述代码与使用构造函数实现的效果相同，并且创建了相同的原型链接。可以通过以下比较来验证：

const mike = new Student('Mike', 20, 1);
console.lo