Using TypeScript: How to access the "this" keyword within a method of an unidentified class

Question

Using TypeScript: How to access the "this" keyword within a method of an unidentified class

Within the code I'm working on, I am defining a new unnamed class that is implementing an interface.

private service: CommandService;

this.command = new class implements Command {
  execute(id: string): Promise<Result> {
    const resultId: string = await this.service.getResultId();
    return await this.service.getResult(resultId);
  };
};

What is the most effective method to access the service in this scenario? I am considering either:

declaring const _this = this above the class.
passing the service to the execute function.

Could there be a more advantageous approach to accomplish this?

Update:

Although there is an informative response available, it does not specifically address how to access this within an unnamed class.

typescript

Answer 1

Answer №1

Avoid assigning this. to a variable as it defeats the purpose of using classes. It is better to create two separate classes and pass the required values into the "inner" class. Here is an example:

import { Command, CommandService, Result } from 'foo';

class MyCommand implements Command {
    constructor(private readonly service: CommandService) { }
    async execute(id: string): Promise<Result> {
        const resultId: string = await this.service.getResultId();
        return await this.service.getResult(resultId);
    };
};

class ParentClass {
    private readonly service: CommandService;
    private readonly command = new MyCommand(this.service); 
}

Answer 2

Avoid assigning this. to a variable as it defeats the purpose of using classes. It is better to create two separate classes and pass the required values into the "inner" class. Here is an example:

import { Command, CommandService, Result } from 'foo';

class MyCommand implements Command {
    constructor(private readonly service: CommandService) { }
    async execute(id: string): Promise<Result> {
        const resultId: string = await this.service.getResultId();
        return await this.service.getResult(resultId);
    };
};

class ParentClass {
    private readonly service: CommandService;
    private readonly command = new MyCommand(this.service); 
}

Using TypeScript: How to access the "this" keyword within a method of an unidentified class

Answer №1

Similar questions

Observable<void> fails to trigger the subscriber

The value of form.formGroup is not equivalent to the output of console.log(form)

Is there a way to verify if a React hook can be executed without triggering any console errors?

Initial position of the range slider in IONIC 2

Data fetched using React Query

Filter a data array using a two-dimensional filter array that may change dynamically

React - A high-capacity file selector component designed to efficiently handle large numbers of files being selected

Material UI is not capable of utilizing Props

Is it possible to create a function that only accepts a union type if it includes a specific subtype within it?

Tips for creating TypeScript Google Cloud Functions using webpack

Using System.import in my code is triggering a cascade of errors in my console

Having trouble making generics work with extends in Typescript

What is the best way to populate an Angular Bootstrap Table Widget with data obtained from an API request?

Combine iron-page and bind them together

Converting JSON to TypeScript with Angular Casting

Converting a String into a Type or Component in Angular: A Step-by-Step Guide

Error: Router service provider not found in Angular 2 RC5!

What is the method for extracting search parameters as an object from a URL that includes a hash symbol?

Designing a personalized mat-icon using the Github SVG

Encountering a JS_Parse_Error error while trying to update the TypeScript target to ES6 using aurelia-b