js(javascript)实现继承的6种方式以及优缺点详解

js继承的6种方式
想要继承,就必须要提供个父类(继承谁,提供继承的属性)
    js(javascript)实现继承的6种方式以及优缺点详解_第1张图片

一、原型链继承
     js(javascript)实现继承的6种方式以及优缺点详解_第2张图片

重点:让新实例的原型等于父类的实例。
    特点:1、实例可继承的属性有:实例的构造函数的属性,父类构造函数属性,父类原型的属性。(新实例不会继承父类实例的属性!)
    缺点:1、新实例无法向父类构造函数传参。
       2、继承单一。
       3、所有新实例都会共享父类实例的属性。(原型上的属性是共享的,一个实例修改了原型属性,另一个实例的原型属性也会被修改!)
  
  二、借用构造函数继承
     js(javascript)实现继承的6种方式以及优缺点详解_第3张图片

重点:用.call()和.apply()将父类构造函数引入子类函数(在子类函数中做了父类函数的自执行(复制))
    特点:1、只继承了父类构造函数的属性,没有继承父类原型的属性。
       2、解决了原型链继承缺点1、2、3。
       3、可以继承多个构造函数属性(call多个)。
       4、在子

你可能感兴趣的:(前端JS,javascript,javascript)