结合prototype和call的组合继承

摘要:js是基于面向对象的语言,要实现继承相当于要把子类加入父类的原型链。就实现了继承。 通过prototype和call,apply来实现
js是基于面向对象的语言,要实现继承相当于要把子类加入父类的原型链。就实现了继承。  通过prototype和call,apply来实现
 
组合继承:
function Parent(age ){
  this.age = age 
}
Parent.prototype.run = function(){
 return `age is ${this.age}`
}

function Child(age){
  Parent.call(this,age)   //对象冒充,  (第2次调用Parent)
}

Child.prototype = new Parent();   // 原型链接继承,   (第一次调用Parent)


var test = new Child(20);
console.log(test.run())

上面写法 有个小问题是: Parent会调用2次 

改进 : 实现组合式继承的时候,Child.prototype = Object.create(Parent.prototype)

function Parent(age ){
  this.age = age 
  console.log('执行');
}
Parent.prototype.run = function(){
 return `age is ${this.age}`
}

function Child(age){
  Parent.call(this,age)   
}

Child.prototype = Object.create(Parent.prototype);   


var test = new Child(20);
console.log(test.run())


//测试下:     
Child.prototype.__proto__ ===Parent.prototype     //true 完美实现,并且只执行一次Parent

构造函数内部的方法 和它原型对象上的方法区别:

  • 定义在构造函数内部的方法,会在它的每一个实例上,都克隆这个方法;
  • 定义在构造函数prototype属性上的方法,会让它的所有实例都共享这个方法,但是不会在每个实例内部,重新定义这个方法。
  • 如果我们的应用需要创建很多的对象,并且这些对象还有许多的方法,为了节省内存,我们建议把这些方法都定义在构造函数的prototype属性上。

结合实际需求 看情况使用了。


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_8339