Using TypeScript with async await operators, promises, and the memoization pattern

Question

Using TypeScript with async await operators, promises, and the memoization pattern

I am currently in the process of updating my code to incorporate the latest TypeScript enhancements. We have implemented various memoization patterns, with the main goal being to ensure that services with multiple subscribers wait for one call and do not trigger multiple calls simultaneously.
Here is a snippet of the code:

private isAdmin: Promise<Boolean>;
public IsCurrentUserAdmin(): Promise<Boolean> {
if (!this.isAdmin) {
this.isAdmin = httpService.goGetTheData().then((data) => //perform actions and return Boolean);
}
return this.isAdmin;

My query is: Will using something like this achieve the same result as with the await operator since I do not have direct access to the promise object?

public IsCurrentUserAdmin(): Promise<Boolean> {
const isAdminData = await httpService.goGetTheData();
// manipulate the data to obtain the desired value
return isAdmin;
}

typescript promise async-await memoization

Answer 1

Answer №1

It is essential to have access to the promise object for memoization. While using async/await may not prevent this, as it is essentially just a syntax shortcut for then calls, in your specific scenario, it may not be very helpful. This is because you are caching the promise returned by .then(…) instead of the initial goGetTheData() promise. To address this, you would need to create an additional helper method:

private isAdmin: Promise<boolean>;
private async fetchIsAdmin(): Promise<boolean> {
    const data = await httpService.goGetTheData();
    // Perform necessary operations and
    return // a boolean value
}
public IsCurrentUserAdmin(): Promise<boolean> {
    if (!this.isAdmin) {
        this.isAdmin = this.fetchIsAdmin();
    // You could also `await this.isAdmin` here, but that would result in waiting for every call
    return this.isAdmin;
}

Answer 2

It is essential to have access to the promise object for memoization. While using async/await may not prevent this, as it is essentially just a syntax shortcut for then calls, in your specific scenario, it may not be very helpful. This is because you are caching the promise returned by .then(…) instead of the initial goGetTheData() promise. To address this, you would need to create an additional helper method:

private isAdmin: Promise<boolean>;
private async fetchIsAdmin(): Promise<boolean> {
    const data = await httpService.goGetTheData();
    // Perform necessary operations and
    return // a boolean value
}
public IsCurrentUserAdmin(): Promise<boolean> {
    if (!this.isAdmin) {
        this.isAdmin = this.fetchIsAdmin();
    // You could also `await this.isAdmin` here, but that would result in waiting for every call
    return this.isAdmin;
}

Using TypeScript with async await operators, promises, and the memoization pattern

Answer №1

Similar questions

Transform Sass modules into css during the creation of a component library

Conditional Rendering with Next.js for Smaller Displays

Exploring the power of props in Vue3/Nuxt3: A guide to utilizing props directly in the

Locate and retrieve the item that appears most often in a given array

Is there a way to merge two typed Joi schemas together?

The Vue route parameters are not recognized within the function type

How can I configure a mocked dependency in Jest to return a specific value in a function?

Strange compilation issue "Syntax error: Unable to access 'map' property of null" occurs when map function is not utilized

Tips for integrating an arrow function as a property in a functional programming approach using JavaScript or TypeScript

Mismatched data types caused by immutability

Attaching an event listener to elements with a specified Class name

The Angular Material Table is not showing any data on the screen

Using Typescript: ForOf Iteration with Unknown Value Types

Using Angular/Typescript with @Output and Union return types

On MacOS, VSCode encounters an issue with updating TypeScript imports when files are moved

Creating Object of Objects in TypeScript: A Comprehensive Guide

Guide on utilizing TypeScript declarations imported as `* as`

The type 'FormikValues' is deficient in the subsequent properties compared to the type 'Exact<{'

Creating a contravariant function member in TypeScript?

TypeScript Tutorial: How to retrieve the data type of a deeply nested object