前端手撕代码——寄生组合式继承.js

最新推荐文章于 2024-08-10 14:32:18 发布

月下独Coding

最新推荐文章于 2024-08-10 14:32:18 发布

阅读量85

点赞数

分类专栏：前端手写代码文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/Zhouyunfeier/article/details/131308164

版权

前端手写代码专栏收录该内容

22 篇文章 0 订阅

订阅专栏

文章介绍了JavaScript中一种组合构造函数和寄生式继承的方法——寄生组合式继承，通过parent和child两个构造函数，以及initPrototype函数来创建对象并继承父类的属性和方法。child1实例成功调用了sayName和getName方法，展示了继承的效果。

摘要由CSDN通过智能技术生成

//  寄生组合式继承，使用了构造函数 和 寄生式继承的方式


function parent(name){
  this.name = name;
  this.color = ['blue', 'red', 'grey'];
}


parent.prototype.getName = function(){
  console.log('父类实例方法——', this.name);
}

function child(name, theme){
  parent.call(this, name);
  this.theme = theme;
}

// 相当于使用child 替换掉了 parent的位置
function initPrototype(child, parent){
  let prototype = Object.create(parent.prototype);   // 创建对象，拿到父类实例的原型对象
  // 解绑原来的关系 绑定新关系
  prototype.constructor = child; 
  child.prototype = prototype;
}

initPrototype(child, parent);
child.prototype.sayName = function(){
  console.log('this.sayName', this.name);
}

let child1 = new child('123', 'color');
child1.sayName();
child1.getName();