Is there a way to reach a class from within another class in TypeScript?

Question

Is there a way to reach a class from within another class in TypeScript?

Let's take a look at my main class A

export class A {

    public sourceReference: string;

    public charge: Charge;
}

Here is how my Charge class is structured:

export class Charge {

    public chargeType: string;
    
    public chargeAccountNumber: string;

    public chargeCurrency: string;
}

Now, in the index file, I intend to utilize class A and populate the payload like so:

    import { A } from "./a";
    
    public static create(payload) {

      let myData = new A();

      myData.sourceReference = payload.sourceRef;
      myData.charge.chargeType = payload.type;
      myData.charge.chargeAccountNumber = payload.accountNumber;
      myData.charge.chargeCurrency = payload.currency

      return JSON.stringify(myData)

     }

The incoming payload data appears as follows:

payload = { sourceRef: "1234", type: '615-01', accountNumber: '123456', currency: 'USD'}

I can successfully access myData.sourceReference

However,

The issue arises when trying to access myData.charge, which returns as undefined. This results in undefined values for myData.charge.chargeType,

myData.charge.chargeAccountNumber

& myData.charge.chargeCurrency.

Error Message: TypeError: Cannot set property 'chargeType' of undefined

javascript typescript class

Answer 1

Answer №1

In the world of programming, we have a class known as A which contains a property called Charge.

However, it's important to note that this charge property doesn't currently hold any specific values - it's just a type.

For instance, in order for the class A to actually use the Charge class, an instance needs to be created, usually within the constructor method.

The constructor in this case should be implemented like so:

export class A {
  public sourceReference: string;
  public charge: Charge;

  constructor() {
     this.charge = new Charge()
  }

 ...

Answer 2

In the world of programming, we have a class known as A which contains a property called Charge.

However, it's important to note that this charge property doesn't currently hold any specific values - it's just a type.

For instance, in order for the class A to actually use the Charge class, an instance needs to be created, usually within the constructor method.

The constructor in this case should be implemented like so:

export class A {
  public sourceReference: string;
  public charge: Charge;

  constructor() {
     this.charge = new Charge()
  }

 ...

Answer 3

Answer №2

To pinpoint the issue, pay close attention to the exception message. In order to resolve it, you need to properly define myData.charge by using myData.charge = new Charge(). Afterwards, proceed to set its properties as follows:

myData.charge.chargeType = payload.type;
myData.charge.chargeAccountNumber = payload.accountNumber;
myData.charge.chargeCurrency = payload.currency

If you wish to elevate your coding style, consider crafting a constructor for the charge object in this manner:

export class Charge {
    
    constructor(chargeType:string, chargeAccountNumber:string, chargeCurrency:string){
    this.chargeType = chargeType;
    this.chargeAccountNumber = chargeAccountNumber;
    this.chargeCurrency=chargeCurrency;
    }

    public chargeType: string;

    public chargeAccountNumber: string;

    public chargeCurrency: string;
}

Once done, initiate the constructor like so:

myData.charge = new Charge(chargeType,chargeAccountNumber,chargeCurrency)

Answer 4

To pinpoint the issue, pay close attention to the exception message. In order to resolve it, you need to properly define myData.charge by using myData.charge = new Charge(). Afterwards, proceed to set its properties as follows:

myData.charge.chargeType = payload.type;
myData.charge.chargeAccountNumber = payload.accountNumber;
myData.charge.chargeCurrency = payload.currency

If you wish to elevate your coding style, consider crafting a constructor for the charge object in this manner:

export class Charge {
    
    constructor(chargeType:string, chargeAccountNumber:string, chargeCurrency:string){
    this.chargeType = chargeType;
    this.chargeAccountNumber = chargeAccountNumber;
    this.chargeCurrency=chargeCurrency;
    }

    public chargeType: string;

    public chargeAccountNumber: string;

    public chargeCurrency: string;
}

Once done, initiate the constructor like so:

myData.charge = new Charge(chargeType,chargeAccountNumber,chargeCurrency)

Is there a way to reach a class from within another class in TypeScript?

Answer №1

Answer №2

Similar questions

How can one easily retrieve the callback function arguments from outside the function?

Creating an array dynamically in response to an AJAX call

Alter the URL and CSS upon clicking an element

toggle the class of the parent if the parent has a specific class

Retrieve the webpage content (including any iframes) using a Firefox plugin

Using nested asynchronous loops to push items to an asynchronous queue without triggering the main callback

There seems to be an issue with the API call in Angular 4 as it is not working properly. The error message "No 'Access Control Allow Origin'

Creating an event listener using a calendar icon

Struggling to get Deployd App to work, encountering issues with dpd.collection.first()

Typescript's array of functions

Introducing Vuetify 3's v-file-input with interactive clickable chips!

JavaScript code for client-side implementation using Node.js

Creating a form that can identify both letters and numbers using JavaScript

Is it possible to debug JavaScript within a Web Application using Webstorm?

Guide on integrating cookiejar with HTTP2

What are the steps to get the Dropdown Button to function in HTML and CSS?

Using JavaScript, sift through various elements in a large array and extract only specific

Can I send a JavaScript class to PHP as JSON in a different way?

Prevent the display of hyperlinks in the status bar when hovering over a hyperlink or button

Error in typescript: The property 'exact' is not found in the type 'IntrinsicAttributes & RouteProps'