原生JS的几种原型继承的区别

function A(name){
    this.name = name;
}
A.prototype.sayA = function(){
    console.log(this.name+'Asay')
}
function B(name){
    this.name = name;
}
B.prototype.sayB = function(){
    console.log(this.name + 'Bsay');
}

B.prototype.proto = A.prototype

//1.利用__proto__ ,继承A的原型方法,这样通过原型链的继承，不会覆盖B自身的原型方法
B.prototype.__proto__ = A.prototype;
let b = new B('bname');
b.sayB();
b.sayA();

Object.setPrototypeOf()

//2.利用setPrototypeOf() 实现原理和__proto__一样，都是利用原型链的继承
Object.setPrototypeOf(B.prototype,A.prototype);
let b = new B('bname');
b.sayB();
b.sayA();

Object.create()

//3.Object.create() 创建一个空对象，原型指向A.prototype;这样是可以继承父类的原型方法，但是它自己的原型方法，就会被覆盖，
//所以如果要用create来实现原型继承，就要把对B的原型操作放在继承父类之后。
B.prototype = Object.create(A.prototype,{constructor:{value:B}});//或者这样指定B.prototype.construtor = B;
let b = new B('bname');
// b.sayB();，找不到了，被覆盖了。
b.sayA();

B.prototype = new A()

//4.new A();这样会把父类的公有私有属性都继承到原型上。
B.prototype = new A('aname');
let b = new B('bname');
// b.sayB();被覆盖了，若不想被覆盖，可以这样B.prototype.__proto__ = new A();
b.sayA();
console.log(b.name);
console.log(b.__proto__.name);//原型上继承的父类私有属性

总结

原型继承并不止一种方法，可以用
create()、setPrototypeOf、new Father()、prototype.__proto__
这几种方法，new Father()会同时继承父类的私有属性。其他几个并不会，create会创建一个原型链来改变prototype的指向；上下两个是将父类的原型接在子类的原型链上，这样会比较消耗浏览器性能。

更改原型prototype在各个浏览器的JavaScript引擎上都是一个很慢的操作，因为它相当于 向链表中插入元素；如果考虑性能的话，Object.create()是一个很好的选择，它相当于直接创建一个原型链，相当于 向链表头部添加一个元素，这样性能就会好很多。

所以，原型继承，我推荐使用Object.create()