编程语言
首页 > 编程语言> > Javascript ES6:如何从超类中定义的静态方法中检索调用子类

Javascript ES6:如何从超类中定义的静态方法中检索调用子类

作者:互联网

JavaScript新手.

寻求关于如何使用ES6类从超类中定义的静态方法访问调用类名的一些指导.我花了一个小时搜索,但一直没能找到解决方案.

代码片段可能有助于澄清我在寻找什么

class SuperClass {
    get callingInstanceType() { return this.constructor.name }
    static get callingClassType() { return '....help here ...' }
}

class SubClass extends SuperClass { }

let sc = new SubClass()

console.log(sc.callingInstanceType)     // correctly prints 'SubClass'
console.log(SubClass.callingClassType)  // hoping to print 'SubClass'

如上所示,我可以轻松地从实例中获取子类名称.不太确定如何从静态方法访问.

欢迎实现静态get callingClassType()的想法.

解决方法:

callingClassType是一个函数(在这种情况下,getter,同样的东西).函数内部的值取决于它的调用方式.如果你用foo.bar()调用一个函数,那么这个内部栏将引用foo.

因此,如果使用SubClass.callingClassType“调用”该函数,则将引用SubClass. SubClass本身就是一个(构造函数)函数,因此您可以通过name属性获取其名称.

所以你的方法定义应该是

static get callingClassType() { return this.name; }
class SuperClass {
  get callingInstanceType() {
    return this.constructor.name
  }
  static get callingClassType() {
    return this.name
  }
}

class SubClass extends SuperClass {}

let sc = new SubClass()

console.log(sc.callingInstanceType)
console.log(SubClass.callingClassType)

看看at the MDN documentation to learn more about this.

标签:javascript,es6-class
来源: https://codeday.me/bug/20190727/1552024.html