总结各种奇葩原型继承，面试向-创新互联

1. 原型链继承

function Brother(name){

作为一家“创意+整合+营销”的成都网站建设机构，我们在业内良好的客户口碑。创新互联提供从前期的网站品牌分析策划、网站设计、成都网站制作、成都网站建设、创意表现、网页制作、系统开发以及后续网站营销运营等一系列服务，帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,创造更大的价值。

this.name = name;

this.wives = ["奶茶"];

this.marry = function(){};

}

function Employee(name) {

this.name = name;

}

Employee.prototype = new Brother();

优点：书写简单

缺点： 无法给父类构造函数传参,子类会继承父类的所有引用类型，一旦原地修改就会影响所有子类。

const brother = new Brother("刘强东");

const employee1 = new Employee("刘强东的兄弟");

const employee2 = new Employee("刘强东的兄弟2");

console.log(employee1.wives); // 奶茶

console.log(employee2.wives); // 奶茶

employee1.wives.push("绿茶");

console.log(employee1.wives); // 奶茶，绿茶

console.log(employee2.wives); // 奶茶，绿茶

employee1.wives = ["绿茶"]; // 指向不同对象

console.log(employee1.wives); // 绿茶

console.log(employee2.wives); // 奶茶，绿茶

2.借用构造函数

function Brother(name){

this.name = name;

this.wives = ["奶茶"];

   this.marry = function(){};

}

function Employee(name, age) {

Brother.call(this, name);

this.age = age;

}

缺点：父类方法内的函数每次都会生成新的拷贝；通过prototype定义的方法无法继承

3. 组合继承 （原型链 + 借用构造函数）

function Brother(name){

this.name = name;

this.wives = ["奶茶"];

}

Brother.prototype.marry = function() {}

function Employee(name, age) {

Brother.call(this, name);

this.age = age;

}

Employee.prototype = new Brother();

缺点： 多次调用构造函数

4.原型式继承 duck type 鸭式辨型

function object(o) {

function F(){}

F.prototype = o;

return new F();

}

或者直接object.create(o);

使用场合：没必要构建构造函数，仅仅是想模拟一个对象的时候

缺点：同原型链

5.寄生继承

function(original){

 newObj = Object(original)

 newObj.newFunc =(){}

 return newObj

}

缺点：方法在函数中定义，无法得到复用

6.寄生组合

function inheritPrototype(subType, supType) {

var p = Object(supType.prototype);

p.constructor = subType;

subType.prototype = p;

}

function subType(){

supType.call(this);

}

inheritProptype(subType, supType)

分享名称：总结各种奇葩原型继承，面试向-创新互联
转载来于：http://mswzjz.cn/article/djdhpo.html