`this` is undefined when used in a Destructuring Parameter function

Asked Jun 22 '19 at 06:58

Active Jun 22 '19 at 07:53

Viewed 90 times

I have this function inside my class which has Destructuring parameters

export default class MainCtrl {

    constructor(mainService ) {
        'ngInject';

        this.mainService = mainService;
    }

    $onInit() {
        navigator.geolocation.getCurrentPosition(this.search);
    }

    search({ coords }) {
        console.log(this); // shows undefined
        this.mainService.search(coords);
    }
}

Now when im using this.mainService it says this is always undefined. How to pass the this instance on this kind of function?

edited Jun 22 '19 at 07:53

georgeawg

48,608
13
72
95

asked Jun 22 '19 at 06:58

Rashid

1,700
1
23
56

try console.log(this) to debug – Monica Acha Jun 22 '19 at 07:00
@MonicaAcha shows undefined – Rashid Jun 22 '19 at 07:00
how is this a duplicate question JLRIshe? please explain – Rashid Jun 22 '19 at 07:05
@SecretCoder You're passing `this.functionName` as a callback. The problem has nothing to do with destructuring. Check out the links above. – JLRishe Jun 22 '19 at 07:07
@JLRishe how can I use the this then if the code structure is like that? – Rashid Jun 22 '19 at 07:07
@SecretCoder Have a look at the answers to those questions. – JLRishe Jun 22 '19 at 07:10
@JLRishe thanks. got it already. i use .bind() – Rashid Jun 22 '19 at 07:16

`this` is undefined when used in a Destructuring Parameter function

0 Answers0