一、原型链继承的概念
原型链继承是一种通过 prototye 属性来实现对象之间继承关系的方式。在这种方式下，每个对象都有一个指向其原型的链接，并且可以继承自原型中定义的所有属性和方法。例如：
function Person(name, age) { this.name = name; this.age = age; } Person.prototype.sayHello = function() { console.log('Hi, my name is ' + this.name + ', I am ' + this.age + ' years old.'); }; function Student(name, age, gender) { this.gender = gender; } Student.prototype = new Person(); const student = new Student('Tom', 18, 'male'); student.sayHello(); // 输出： Hi, my name is Tom, I am 18 years old.
在上面的例子中，定义了一个 Person 构造函数和一个 Student 构造函数，并且通过设置 Student 的原型为 Person 的一个实例来实现继承。这样，Student 对象就可以调用 Person 的原型方法 sayHello。
二、原型链继承的使用方法
在实际开发中，使用原型链继承一般需要遵循以下步骤：
- 定义父类构造函数：
function Person(name, age) { this.name = name; this.age = age; }
- 在父类的原型上定义方法和属性：
Person.prototype.sayHello = function() { console.log('Hi, my name is ' + this.name + ', I am ' + this.age + ' years old.'); };
- 定义子类构造函数：
function Student(name, age, gender) { this.gender = gender; }
- 将子类的原型设置为父类的一个实例：
Student.prototype = new Person();
- 添加子类独有的方法和属性：
Student.prototype.sayGender = function() { console.log('My gender is ' + this.gender); };
- 创建子类对象并调用方法：
const student = new Student('Tom', 18, 'male'); student.sayHello(); // 输出： Hi, my name is Tom, I am 18 years old. student.sayGender(); // 输出： My gender is male
三、原型链继承的注意事项
- 如果子类的原型上重新定义了与父类同名的方法或属性，则会覆盖掉父类的方法或属性。
- 原型链继承可能会导致一些性能问题，因为每个对象都共享同一个原型并且可能存在多层继承关系。这会导致在访问某些属性或方法时需要沿着原型链进行查找，从而降低程序的执行效率。
- 使用原型链继承时，子类的构造函数指向的是父类的实例对象，而不是父类的构造函数，这可能会导致一些不必要的混乱。
- 在使用原型链继承时，需要注意避免循环引用的问题。例如：
function Child() {} Child.prototype = new Parent(); Parent.prototype.child = new Child();
在上面的例子中，Child 的原型继承了 Parent，并且 Parent 的原型又包含了一个 Child 实例。这样会导致一个循环引用的问题，从而影响程序的执行效率。
