ES6之前，JavaScript是如何创建实例的？揭秘构造函数、原型和原型链

一、构造函数：创建实例的模版

在ES6之前，JavaScript没有引入类的概念，因此创建实例需要通过构造函数来实现。构造函数提供了一个生成对象的模板，了对象的基本结构。

为了更好地理解构造函数，我们来看一个简单的例子：

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

这个构造函数创建了一个名为Person的类，它有两个参数：name和age。当我们使用new调用这个构造函数时，它就会创建一个新的对象，并将参数的值分配给这个对象的属性。

例如，以下代码创建一个名为john、年龄为30岁的新对象：

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

现在，我们可以通过.运算符来访问对象的属性：

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

二、原型：继承的桥梁

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

原型是JavaScript中实现继承的重要机制。当我们创建子类时，我们可以将父类的原型作为子类的原型，这样子类就可以继承父类的所有属性和方法。

例如，以下代码创建了一个名为Student的子类，它继承了Person类的原型：

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

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

现在，Student类可以继承Person类的所有属性和方法。例如，以下代码创建一个名为jane、年龄为25岁、专业为计算机科学的新对象：

const student = new Student('Jane', 25, 'Computer Science');

我们可以通过.运算符来访问对象的属性：

console.log(student.name); // Jane
console.log(student.age); // 25
console.log(student.major); // Computer Science

三、原型链：继承的线索

原型链是一系列对象，它们通过原型属性连接起来。原型链的起点是对象本身，然后是该对象的原型，依此类推，直到遇到null。

原型链是JavaScript中查找属性和方法的路径。当我们访问一个对象的属性或方法时，JavaScript会首先在该对象的原型中查找，如果找到，则直接返回结果。如果找不到，则继续在原型的原型中查找，依此类推，直到遇到null。

原型链可以帮助我们理解继承关系。子类可以继承父类的所有属性和方法，这是因为子类的原型指向父类的原型。因此，子类可以通过原型链访问父类的属性和方法。

四、结语

原型和原型链是JavaScript中实现继承的重要机制。通过理解这些概念，我们可以更好地理解JavaScript的对象模型及其基本原理。在实际开发中，我们可以利用原型和原型链来创建和使用继承关系，从而编写出更加健壮和可维护的代码。