Javascript ES6 - is it possible to use/call super class properties or functions without using this keyword in child class

Question

Javascript ES6 - is it possible to use/call super class properties or functions without using this keyword in child 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)


    }
}

Not really, you need `this` to reference the instance (though I guess you could pass the instance when you call the method, but that's repetitive) - this seems very strange to want to do. Do you have a reason for wanting to do this? — CertainPerformance, Jun 22 '19 at 07:17
It feels very wordy to write 4 letters... No, this is not Java and there is not implicit `this`. — Roberto Zvjerković, Jun 22 '19 at 07:22

score 2 · Accepted Answer · answered Jun 22 '19 at 07:20

2

You can destructure this, and assign the properties to their own variables/constants:

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()

answered Jun 22 '19 at 07:20

Ori Drori

183,571
29
224
209

is it possible to make destructing more dynamic without using destructing parent class properties – Rajesh Wolf Jun 22 '19 at 07:23
I don't understand the question. Please add an example. – Ori Drori Jun 22 '19 at 07:24
i want to access parent class properties or functions like in java – Rajesh Wolf Jun 22 '19 at 07:26
2

Nope. You'll need to explicitly destructure inside a function. – Ori Drori Jun 22 '19 at 07:37
2

This pattern is very typical in react for dealing with `props` and `state` for example. – Patrick Roberts Jun 22 '19 at 07:46

Javascript ES6 - is it possible to use/call super class properties or functions without using this keyword in child class

1 Answers1