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

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://bzwzjz.com/article/djdhpo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 营销网站建设 温江网站设计 广安网站设计 重庆电商网站建设 成都网站建设 成都网站设计 成都网站制作 成都网站建设 成都响应式网站建设公司 成都网站建设 成都网站建设 成都网站建设公司 梓潼网站设计 上市集团网站建设 成都网站制作 成都网站设计制作公司 成都网站建设 宜宾网站设计 网站设计 自适应网站设计 企业网站建设公司 成都网站设计