【前端知识之JS】JS如何实现继承

前言

本系列主要整理前端面试中需要掌握的知识点。本节介绍JS如何实现继承。

---

一、什么是继承

如果一个类别B继承自另一个类别A，就把这个B成为A的子类，而把A成为B的父类，或者A是B的超类

继承的优点：

• 继承可以使得子类具有父类的各种属性和方法，而不需要再次编写相同的代码
• 在子类继承父类的同时，可以重新定义某些属性，并重写某些方法，即覆盖父类的原有属性的方法，使其获得于父类不同的功能。

二、实现方式

JS中常用的继承实现方式为：原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承。

1. 原型链继承

原型链继承中涉及到构造函数、原型和实例，三者之间存在着一定的关系，即每一个构造函数都有一个原型对象，原型对象又包含一个指向构造函数的指针，而实例则包含一个原型对象的指针

function Parent(){
   
    this.name = 'parent1';
    this.play = [1,2,3]
}
function Child(){
   
    this.type = 'child2';
}
Child.prototype = new Parent();  //Child是Parent的子类，Child继承Parent
console.log(new Child());      //包含Parent和Child中的所有属性

但是，无论Child有多少个实例，他们的指针都是指向同一个地方的：

function Parent(){
   
    this.name = 'parent1';
    this.play = [1,2,3]
}
function Child(){
   
    this.type = 'child2';
}
Child.prototype = new Parent();  //Child是Parent的子类，Child继承Parent
console.log(new Child());      //包含Parent和Child中的所有属性

var s1 = new Child();   //实例s1
var s2 = new Child();   //实例s2
s1.play.push(4);     //向s1的play中加入4，但其实是向原型对象中加入值，他们使用的同一个原型对象
console