Question

141

Uncaught TypeError: this.function is not a function

rated 0 times [ 142] [ 1] / answers: 1 / hits: 21848 / 7 Years ago, mon, june 19, 2017, 12:00:00

Hi this is my (shortcuted) example code:

export class SolarSystemInfo {



    constructor() {

        this.test();

    }



    // click on solar system

    clickSolarSystem() {

        $(body).on(click,.hex, function() {

            this.test();

        }); 

    }



    public test () {

        alert('test');

    }



}

My problem is, that in constructor is test function called right, but in clickSolarSystem function after calling this.test() I get: Uncaught TypeError: this.test is not a function

How I have to call test function in my function inner class?

Thanks

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

yosefleod

Add To Favorites

Follow

Total Points: 113

Total Questions: 100

Total Answers: 115

Location: Egypt

Member since Tue, May 3, 2022

2 Years ago

yosefleod questions

1 How to use Sign In With Google together with TokenClient?

Tue, Mar 8, 22, 00:00, 2 Years ago

1 What does the lodash get function do?

Thu, Apr 22, 21, 00:00, 3 Years ago

1 How to import .mjs modules in Jest's xyz.test.js?

Mon, Jul 27, 20, 00:00, 4 Years ago

1 Update a single property of local JSON file using put call in Angular 8

Sun, Dec 8, 19, 00:00, 5 Years ago

1 how can i check the voice channel ID that the person is after they execute a command and move to other voice channel in node.js?

Sun, Sep 29, 19, 00:00, 5 Years ago

View All

answered 7 Years ago mitchellg · Accepted Answer

The context of this is lost when the callback function is being executed.

To solve that you can use an arrow function:

clickSolarSystem() {

    $(body).on(click,.hex, () => {

        this.test();

    }); 

}

Or you can use the bind method:

clickSolarSystem() {

    $(body).on(click,.hex, function() {

        this.test();

    }).bind(this); 

}