js原型继承的几种方法

JavaScript09

js原型继承的几种方法,第1张

利用原型链来实现继承,父类的一个实例作为子类的原型

原理: 子类的原型对象 指向 父类的实例 , 当 子类实例 找不到属性和方法时,会沿着原型链往上找。

优点:简单,既是子类实例也是父类实例,父类新加原型方法或者属性,子类都能访问到

缺点:

通过使用call、apply方法可以在新创建的对象上执行构造函数,用父类的构造函数来增加子类的实例

原理: 子类的构造函数中执行父类的构造函数,并且改变子类的this绑定

优点:简单,直接父类的属性和方法

缺点:无法继承原型链上的属性方法

将父类原型对象直接赋值给子类的构造函数,再将空属性的构造函数实例赋值给子类原型对象

优点:完美实现继承,解决了组合式继承带两份属性的问题; new Child的时候不用 每次都 new Parent

缺点: 子类的prototype添加方法会影响 父类的prototype

将父类原型对象直接赋值给子类的构造函数,再将空属性的构造函数实例赋值给子类原型对象

优点:完美实现继承,解决了组合式继承带两份属性的问题; new Child的时候不用 每次都 new Parent

将等待继承的原型对象克隆,再赋值给继承的原型对象

优点:直接通过对象生成一个继承该对象的对象

缺点:不是类式继承,而是原型式基础,缺少了类的概念

参考: https://www.jb51.cc/note/413574.html

https://blog.csdn.net/qq_42926373/article/details/83149347

ES6中有关 class 的继承方式,引入了 extends 关键字。

但其本质仍然是 构造函数 + 原型链的 组合式继承。

上述 B 类 (class)通过 extends 关键字,继承了 A 类 的所有属性和方法。 A 类 中的所有方法默认是添加到 B 的原型上,所以 extends 继承的实质仍然是原型链。

super 这个关键字,既可以当作函数使用,也可以当作对象使用。当作函数使用时 super 代表父类的构造函数,并在子类中执行 Parent.apply(this) ,从而将父类实例对象的属性和方法,添加到子类的 this 上面。

特别注意

因为类必须通过 new 关键字调用,所以在类的构造函数中 new.target 的值永远不会是 undefined 。