js 继承

柔光的暖阳◎ 2024-04-18 16:57 35阅读 0赞

###### 注意点： ######

> 1.  原型链上的属性会被多个对象共享
> 2.  为某一个类添加静态方法，直接`构造函数名称.函数名=function(){}`，调用时直接通过`构造函数名称.函数名()`调用

##### 1. 原型继承：`子类.prototype = new 父类()` #####

> 特点：① 实例既属于本身，又属于父类。② 不能在子类构造方法中写继承语句 ③ 既可以继承原型链上的属性和方法也可以继承父类构造函数的属性和方法。④ 所有实例的属性取值都是相同，即所有实例共享数据 。⑤ 实例化时不可给父类传参  
> 优点：所有实例共享数据。  
> 缺点：不能在继承前给子类原型的属性赋值，会被继承覆盖掉。

##### 2. 构造继承:将父类方法和属性转换为子类的属性和方法，而不是子类的原型的属性和方法。用apply和call方法，将当前对象this传给父类构造函数，apply的参数：(this,\[\]);call的参数：(this,); #####

> 特点：
> 
> 1.  可实现多继承，实例可向构造函数传参。实例只属于本身，不属于父类。实例间数据不共享。
> 2.  该方法只能继承父类构造函数里的属性和方法，但是不能继承原型链上的属性和方法。

![在这里插入图片描述][20190909212708401.png]

##### 3. 组合继承：原型+构造 #####

function AnimalType(type){ 
               this.type=type||"类别"
           }
       function Cat(type){ 
           AnimalType.apply(this,[type]);
       }
       Cat.prototype = new Animal("小花","男");
       var cat = new Cat("猫1");
       var cat1 = new Cat("猫2")
       console.log(cat)
       console.log(cat1)
       console.log(cat instanceof Animal);//true
       console.log(cat instanceof AnimalType);//false

![在这里插入图片描述][20190909213225339.png]

##### 4. 原型式继承:将一个已存在的对象赋值给子类的prototype,并返回子类对象。 #####

> 特点：① 未创建构造函数，让一个对象与另一个对象保持类似 ② 与原型模式一样，包含引用类型的属性值会共享

![在这里插入图片描述][20190909215144475.png]

[20190909212708401.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/f26a59fcea97471ca01b1e6dfa68034b.png
[20190909213225339.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/0f14ec03398a446e973ef6e42caec5a7.png
[20190909215144475.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/f9ab1e6e7f5a4240ae27f67903cbab9c.png