js继承(借助中间类)

不负当下

已于 2022-01-28 15:28:28 修改

阅读量779

点赞数

文章标签： javascript 前端

于 2022-01-27 11:36:29 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45272209/article/details/122714766

版权

本文介绍了一种使用中间类实现JavaScript继承的方法。通过构造一个中间类并将父类的原型赋值给该中间类，使得子类可以继承父类的原型属性。这种方法既避免了直接修改子类原型带来的问题，也确保了构造函数的正确指向。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js继承(借助中间类)

var extendFn=(()=>{
  const F=function(){} // 中间类
  return function (Origin,Target){
       F.prototype=Origin.prototype; //  只能继承Origin的prototype的属性 不能继承 Origin 的属性
      //  F.prototype=new Origin(); //既可以继承其prototype的属性 也可以继承 自己的属性(如果父类的属性比较复杂 创建实例会非常消耗性能)
      
         Target.prototype= new F();
    Target.prototype.constuctor = Target; // 让construtor指向自己
    Target.prototype.uber=Origin; // 继承的源类
  }
})()

// 例子
let Obj=function (){
  this.grade='高二';
}
Obj.prototype.age='12'

let obj= new Obj();
let Tag=function (){}
extendFn(Obj,Tag)
let tag = new Tag();
console.log(tag.age)  // 12
console.log(tag.agrade // a是Obj自己的属性所以是 undefined