结合prototype和call的组合继承
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属性上。
结合实际需求 看情况使用了。
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!