时光倒流：探访ES5中的类与继承

大家好，今天我将带您踏上时光之旅，回到ES5的怀抱，一同探索类与继承的奥秘。在ES6之前，JavaScript并没有提供原生的类和继承机制，但开发者们并没有因此止步不前。他们利用原型链和构造函数，创造出了巧妙的类和继承实现方式。

追溯本源：原型链与构造函数

在ES5中，所有的对象都具有一个隐式的原型对象。原型对象包含了对象的属性和方法，并且可以继承自其他对象。每个对象都可以通过原型链访问其原型对象的属性和方法。

构造函数是一个用来创建对象的函数。当我们使用new调用构造函数时，它会创建一个新对象，并将这个新对象作为构造函数的this关键字。this关键字指向新创建的对象，我们可以通过它来访问和设置对象的属性和方法。

ES5中的类与继承

ES5中的类可以通过构造函数来实现。构造函数的目的是创建对象，它可以接收参数并将其存储在对象的属性中。例如，我们可以创建一个Person类：

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

这个构造函数创建了一个名为Person的类，它有两个属性：name和age。我们可以通过new关键字来创建Person类的实例：

const person = new Person("John", 30);

现在，person对象就拥有了name和age属性，我们可以通过点号运算符来访问它们：

console.log(person.name); // "John"
console.log(person.age); // 30

继承：原型链的妙用

ES5中的继承可以通过原型链来实现。我们可以通过Object.create()方法来创建一个新对象，并将另一个对象作为其原型。例如，我们可以创建一个Student类，它继承自Person类：

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

Student.prototype = Object.create(Person.prototype);

Student类继承了Person类的属性和方法，并且还添加了一个新的属性school。我们可以通过new关键字来创建Student类的实例：

const student = new Student("Jane", 20, "MIT");

现在，student对象就拥有了name、age和school属性，我们可以通过点号运算符来访问它们：

console.log(student.name); // "Jane"
console.log(student.age); // 20
console.log(student.school); // "MIT"

结语

ES5中的类与继承虽然没有ES6那样简洁和强大，但却展现了JavaScript的灵活性与创造力。通过原型链和构造函数，我们可以实现面向对象编程的思想，构建出复杂的应用程序。随着JavaScript的发展，ES6的引入带来了更加现代和优雅的类和继承机制，但ES5中的知识依然是宝贵的财富，值得我们学习和掌握。