js中继承的几种方法

第一种方法 ( 使用call方法 )

想要实现继承，就在子构造函数的内部调用 call 方法，改变父函数里面的 this 指向。

function Father(uname, age) {
	this.uname = uname;
	this.age = age
}
function Son(uname, age) {
	Father.call(this, uname, age);
}

第二种方法（使用原型链继承）

function Father(uname, age) {
	this.uname = uname;
	this.age = age
}
function Son(uname, age) {
	
}
Son.prototype = new Father();
Son.prototype.constructor = Son;

第三种方法，使用 extends 关键字

使用 es6 中类的继承的关键字 extends
当super作为函数调用时，代表父类的构造函数。（ES6要求子类的构造函数必须执行一次super函数，并且只能用在子类的构造函数中）
super代表的是父类Father 的构造函数，返回的却是子类Son 的实例，即super内部的this指的是子类son的实例，因此在这里super()相当于Father.prototype.constructor.call(this)

class Father {
    constructor(x, y) {
        this.x = x;
        this.y = y;
    }
    sum() {
        console.log(this.x + this.y);

    }
}
class Son extends Father {
    constructor(x, y) {
        super(x, y); //调用了父类中的构造函数
    }
}
var son = new Son(1, 2);
var son1 = new Son(11, 22);
son.sum();
son1.sum();