Javascript ES6 - 是否可以在子类中不使用此关键字的情况下使用/调用父类(super class)属性或函数

Question

这个问题已经有答案了:

how to access function/class properties javascript [duplicate] (2 个回答)

已关闭 4 年前。

Javascript ES6 - 是否可以在子类中不使用此关键字的情况下使用/调用父类(super class)属性或函数

class Parent {

    constructor() {
        this.strings = 'some string values'
        this.utils = 'some util functions'
    }
}

class Child extends Parent {
    constructor() {
        super()

    }

    login() {
        //currently i am using like this to access parent class property or functions
        console.log(this.strings.success)

        //but i would like to use like this 
        console.log(strings.success)


    }
}

Answer 1

您可以解构this，并将属性分配给它们自己的变量/常量:

class Parent {

  constructor() {
    this.strings = { success: 'some string values' }
    this.utils = 'some util functions'
  }
}

class Child extends Parent {
  login() {
    const { strings } = this;

    console.log(strings.success)
  }
}

const child = new Child

child.login()