回顾JS的继承方式

首先提供一个父类（提供继承的属性）

function Father(name){
    
    
  this.name = name;
  this.sum = function(){
    
    
	alert(this.name)	
  }
}
Father.prototype.age = 38;

一、原型链继承

function Son(){
    
    
  this.name = 'perter';
}
Son.prototype = new Father();// 最重要的！
var per = new Son();
console.log(per.age); // 38;
console.log(per instanceof Father);// true

重点：让新实例的原型等于父类的实例。
特点：
1、实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。（新实例不会继承父类实例的属性！）　　
缺点：
1、新实例无法向父类构造函数传参。　　　　　　
2、继承单一。　　　　　
3、所有新实例都会共享父类实例的属性。（原型上的属性是共享的，一个实例修改了原型属性，另一个实例的原型属性也会被修改！）

二、借用构造函数继承（call、apply继承）

function Con() {
    
    
  Father.call(this, 'jhon');
  this.age = 12;
}
var con1 = new Con();
console.log(con1.age); // 12
console.log(con1.name); // jhon
console.log(con1 instanceof Father); //false

重点：用.call()和.apply()将父类构造函数引入子类函数（在子类函数中做了父类函数的自执行（复制））
特点：1、只继承了父类构造函数的属性，没有继承父类原型的属性。
　　　2、解决了原型链继承缺点1、2、3。
　　　3、可以继承多个构造函数属性（call多个）。
　　　4、在子实例中可向父实例传参。
缺点：1、只能继承父类构造函数的属性。
　　　2、无法实现构造函数的复用。（每次用每次都要重新调用）
　　　3、每个新实例都有父类构造函数的副本，臃肿。
call和apply的区别：
call的第二个参数个数不固定
apply的第二个参数是一个数组这个数组可以使用arguments来代替

三、组合继承（prototype 与 call 组合）

function Parent(value) {
    
    
this.val = value
}
Parent.prototype.getValue = function() {
    
    
console.log(this.val)
}
function Child(value) {
    
    
Parent.call(this, value)
}
Child.prototype = new Parent()

const child = new Child(1)

child.getValue() // 1
child instanceof Parent // true

回顾JS的继承方式

猜你喜欢