What is the best way to store the outcome of a promise in a variable within a TypeScript constructor?

Question

What is the best way to store the outcome of a promise in a variable within a TypeScript constructor?

Is it possible to store the result of a promise in a variable within the constructor using Typescript?

I'm working with AdonisJS to retrieve data from the database, but the process involves using promises. How do I assign the result to a variable?

The variable needs to be accessible within the constructor.

Below is the code:


private teste1: any
private teste2: any

constructor(protected ctx: HttpContextContract) {

   Database.from('estoquepas').then(res => {
     this.teste1 = res;
     console.log(res)
   })

   Estoquepas.findBy('siagreId', this.IDSiagre.siagreId).then(res => {
      this.teste2 = res;
      console.log(res)
   })
   
   console.log(this.teste1)
   console.log(this.teste2)
}

Even though the console displays the values, the variables `teste1` and `teste2` remain undefined. Any assistance on resolving this issue would be greatly appreciated. Thank you for your help in advance.

javascript typescript adonis.js

Answer 1

Answer №1

In order to achieve this, you can implement a static asynchronous method in your class along with a basic constructor that only assigns values provided to it (once the async function has completed its tasks):

class Something {
    constructor (
        protected ctx: HttpContextContract,
        private teste1: any,
        private teste2: any
    ) { }

    static async create (ctx: HttpContextContract) {
        const [ teste1, teste2 ] = await Promise.all[ Database.from('estoquepas'), Estoquepas.findBy('siagreId', IDSiagre.siagreId) ]

        return new this(ctx, teste1, teste2)
    }
}

Answer 2

In order to achieve this, you can implement a static asynchronous method in your class along with a basic constructor that only assigns values provided to it (once the async function has completed its tasks):

class Something {
    constructor (
        protected ctx: HttpContextContract,
        private teste1: any,
        private teste2: any
    ) { }

    static async create (ctx: HttpContextContract) {
        const [ teste1, teste2 ] = await Promise.all[ Database.from('estoquepas'), Estoquepas.findBy('siagreId', IDSiagre.siagreId) ]

        return new this(ctx, teste1, teste2)
    }
}

What is the best way to store the outcome of a promise in a variable within a TypeScript constructor?

Answer №1

Similar questions

Each time the button is clicked, the settings and values will rotate, creating a new

Logging in using email, phone number, or username on Node.js platform

Utilizing the principles of object orientation in Javascript to enhance event management

What is the best way to store JSON encoded items in an array using square brackets?

When using AWS/Cognito and setting up a user pool with CDK, is there a way to specify the character limits for standard attributes? Specifically, I would like to establish a minimum and maximum

Exploring the Power of JQuery with Hover Effects and SlideToggle

When it comes to using the text() function, the statement encounters difficulty

Is there a way to asynchronously load multiple textures in three.js using a callback function?

Unsuccessful attempts to animate with Jquery in Google Chrome are persisting

Tips on resolving the issue of an Axios post request not appearing in a get request in React

Error message 'Object doesn't have support for this property or method' is triggered by a basic JSON object

When a function inside React uses this.props, it won't trigger the corresponding function

There seems to be an issue with the functionality of chrome.storage.local.set()

Using React: Implementing conditional checks within the render() method of functional Components

Is there a way to automatically redirect a webpage based on the URL that is entered

The Django POST request is rejecting due to a missing or incorrect CSRF token, despite having included the token in the form

Viewify - displaying images in v-data-table cells reveals only a portion of the image

Altering the href text within a script causes the text to disappear instead of updating

What is the process for applying a border to the chosen image within the ImageList of the MaterialUI component?

Insert text within the switch component using Material-UI