Ways to retrieve class attributes in a child context

Question

Ways to retrieve class attributes in a child context

When trying to access the class properties (or methods) from another scope, I find myself having to store it in a local variable within the function scope.

class MyClass {
    constructor(API) {
        this.API = API;
        this.property = 'value';
    }

    myMethod() {
        var myClass = this; // Storing class in a local variable is necessary

        this.API.makeHttpCall().then(function(valueFromServer) {
            // Accessing via local variable
            myClass.property = valueFromServer;
        });
    }
}

Having to do this for every method seems inefficient. Is there an alternative approach?

javascript typescript ecmascript-6

Answer 1

Answer №1

Indeed, you can achieve this using arrow functions:

class ModifiedClass 
{
    private API;
    private property;

    constructor(API) 
    {
        this.API = API;
        this.property = 'value';
    }

    public myCustomMethod() 
    {
        API.makeHttpCall().then((dataFromServer) => 
        {
            // accessing via local variable
            this.property = dataFromServer;
        });
    }
}

Answer 2

Indeed, you can achieve this using arrow functions:

class ModifiedClass 
{
    private API;
    private property;

    constructor(API) 
    {
        this.API = API;
        this.property = 'value';
    }

    public myCustomMethod() 
    {
        API.makeHttpCall().then((dataFromServer) => 
        {
            // accessing via local variable
            this.property = dataFromServer;
        });
    }
}

Ways to retrieve class attributes in a child context

Answer №1

Similar questions

Stay dry - Invoke the class method if there is no instance available, otherwise execute the instance method

404 error occurs when routing in Express.js is unable to find the

Upon successful completion of the Ajax call, refresh the page without causing any blinking

Using Angular promises and the $http service

The module '@algolia/cache-common' is missing and cannot be located

determining the properties of a given data type

Tips for implementing an onClick event within a NavBar component in a React application

What is the correct way to test setInterval() statements within Angular?

How does Babel enable me to import a node module with a function using any name?

Can we determine the type signature of useCallback for an event handler by inference?

Guide on how to choose a radio button in IONIC with the help of angularJS

Is it possible for ko.mapping to elegantly encompass both getters and setters?

Iterating over an array of lists to tally the elements

Shrink Font-Awesome icon sizes using a Node.js and Express.js web application

Create a duplicate of the table and remove specific rows

Learn the best way to populate Google Map popup windows with multiple values and include a button to pass unique ID values

transferring data between react components

When running `ng serve` or `ng build --prod`, the dist folder is not created in an Angular 4 application

Using JavaScript to transform radio buttons into checkboxes

Utilize JSON parsing with a reviver parameter to filter out specific object properties