ES派生类的prototype方法中，不能访问super的解决方案

xiliuhu

已于 2023-08-01 19:05:53 修改

阅读量415

点赞数

文章标签： javascript 前端

于 2023-08-01 18:58:50 首次发布

本文链接：https://blog.csdn.net/xiliuhu/article/details/132048819

版权

1 下面的B.prototype.compile方法中，无法访问super

class A {
  compile() {
    console.log('A')
  }
}

class B extends A {
  compile() {
    super.compile()
    console.log('B')
  }
}

B.prototype.compile = function() {
  super.compile() // 报错，不可以在此处使用super
  console.log('B2')
} 

const b = new B()
b.compile() // A B2

2 替代方法如下

class A {
  compile() {
    console.log('A')
  }
}

class B extends A {
  compile() {
    super.compile()
    console.log('B')
  }
}

B.prototype.compile = function() {
  A.prototype.compile.call(this) // 替代super
  console.log('B2')
} 

const b = new B()
b.compile() 

// A 
// B2