How can I access members outside of a class without a name in Typescript?

Question

How can I access members outside of a class without a name in Typescript?

I recently developed an "anonymous" class inspired by this insightful discussion on Typescript anonymous classes.

However, I'm facing a challenge in accessing the outer scope members. Here's a snippet of my code for context:

class BaseCounter {
  counter = 1;

  count() {
    console.log(++this.counter);
  }

  getDoubleCounter() {
    return new class DoubleCounter extends BaseCounter {
        count() {
            // In Java, we can access the outer scope counter using ClassName.this 
            // like: BaseCounter.this.counter += 2
            // console.log(BaseCounter.this.counter); 
        }
    }();

}

typescript

Answer 1

Answer №1

One way to assign the parent variable is as follows:

class MainCounter {
  counter = 1;

  increaseCount() {
    console.log(++this.counter);
  }

  getDoubleCounterValue() {
    const parentVariable = this;
    return new class DoubleMainCounter extends MainCounter {
        increaseCount() {
            parentVariable.counter += 2
            console.log(parentVariable.counter); 
        }
    }();

}

Answer 2

One way to assign the parent variable is as follows:

class MainCounter {
  counter = 1;

  increaseCount() {
    console.log(++this.counter);
  }

  getDoubleCounterValue() {
    const parentVariable = this;
    return new class DoubleMainCounter extends MainCounter {
        increaseCount() {
            parentVariable.counter += 2
            console.log(parentVariable.counter); 
        }
    }();

}

How can I access members outside of a class without a name in Typescript?

Answer №1

Similar questions

.Net Core receives the method name instead of the parameter value passed by TypeScript

The 'connectedCallback' property is not found in the 'HTMLElement' type

Why is the Last Page display on pagination showing as 3 instead of 2 per items?

Angular promise not triggering loop creation

Tips for splitting JSON objects into individual arrays in React

Using the appropriate asynchronous action in Redux with the Redux-Thunk middleware

Using Typescript to create an interface that extends another interface and includes nested properties

I am having trouble locating my TypeScript package that was downloaded from the NPM registry. It seems to be showing as "module not found"

Comparing two arrays in Angular through filtering

Experience the dynamic synergy of React and typescript combined, harnessing

What techniques can be employed to dynamically modify Typescript's AST and run it while utilizing ts-node?

Angular: Streamlining the Constructor Function for Efficiency

Strategies for managing the fallback scenario while utilizing 'createReducer' to generate a reducer and 'on' to manage actions

Using typescript with create-react-app - organizing types in a separate file

Guide on packaging an Angular 2 Typescript application with Gulp and SystemJS

Merging an unspecified number of observables in Rxjs

What is the process for exporting libraries in TypeScript?

How to delay setting a property in Angular 2 until the previous setter has finished execution

Endpoint path for reverse matching in Mongodb API

React Native error - Numeric literals cannot be followed by identifiers directly