How to make JavaScript code to work using ES6?

Question

The result of the following code is - undefined:

function f() {
    this.a = 1;
    return function() {
        console.log(this.a);
    };
}
(new f)();

Possible duplicate of [What values can a constructor return to avoid returning this?](https://stackoverflow.com/questions/1978049/what-values-can-a-constructor-return-to-avoid-returning-this). When you return functions in a constructor, the result will be that function, not an object holding the `this` value, so `this.a` won’t be defined. — Sebastian Simon, Jun 16 '18 at 05:29
Possible duplicate of https://stackoverflow.com/questions/20279484/how-to-access-the-correct-this-inside-a-callback . Also, this class seems to be semantically incorrect. There's no reason for it to be newed and use `this` — Estus Flask, Jun 16 '18 at 05:34

score 0 · Accepted Answer · answered Jun 16 '18 at 05:27

0

I think you're asking how to convert your anonymous function into an arrow function:

function f() {
    this.a = 1;
    return () => {
        console.log(this.a);
    };
}
(new f)();

answered Jun 16 '18 at 05:27

Paul

1 Answers1