Linking functions together using callbacks in TypeScript

Question

Linking functions together using callbacks in TypeScript

Having recently read an insightful article on Handling Failure by Vladimir Khorikov, I was inspired to try implementing the concept in TypeScript.

The original C# code example provided a solid foundation, although the technical details were beyond my current understanding.

This is where I currently stand with my implementation:

export class Result<T> {
  success: boolean;
  private error: string | null;
  private _value: T;

  get value(): T {
    if (!this.success) {
      throw new Error('Cannot get value of an error result.');
    }

    return this._value;
  }

  // More code follows...

I find myself struggling to incorporate the chain functions as demonstrated in the example code. While the onSuccess, onFailure, and onBoth functions work seamlessly in the provided code snippet, I am only able to invoke void functions in my own implementation. Passing results to subsequent functions seems to be a challenge.

If anyone could offer guidance or suggestions on how to properly implement this chaining functionality, I would greatly appreciate it.

javascript typescript

Answer 1

Answer №1

It appears that you are implementing it in a different way?

The original code is as follows:

public static Result OnSuccess(this Result result, Func<Result> func)
{
    if (result.Failure)
        return result;

    return func();
}

This would be translated to:

onSuccess(fn: () => Result): Result {
    if (this.failure)
        return this;

    return fn();
}

However, your implementation is:

onSuccess(func: Function): Result<T> {
    if (this.success) {
      func();
    }

    return this;
}

Answer 2

It appears that you are implementing it in a different way?

The original code is as follows:

public static Result OnSuccess(this Result result, Func<Result> func)
{
    if (result.Failure)
        return result;

    return func();
}

This would be translated to:

onSuccess(fn: () => Result): Result {
    if (this.failure)
        return this;

    return fn();
}

However, your implementation is:

onSuccess(func: Function): Result<T> {
    if (this.success) {
      func();
    }

    return this;
}

Answer 3

Answer №2

Inspired by the concepts presented in a thought-provoking article from Invizi, I have devised a solution.

 onSuccess<U>(fn: (value: T) => U): Result<U> {
    if (this.success) {
      return Result.ok(fn(this._value))
    }

    return Result.fail(this.errorMessage)
  }

This approach allows for flexibility in chaining with specific types, similar to the provided code example.

Result.combine(Rectangle.from(5, 5), Rectangle.from(1, 1))
  .onSuccess(() => {return new User('user')}) // Create new user
  .onSuccess(user => console.log(user.name)) // Print user name

Answer 4

Inspired by the concepts presented in a thought-provoking article from Invizi, I have devised a solution.

 onSuccess<U>(fn: (value: T) => U): Result<U> {
    if (this.success) {
      return Result.ok(fn(this._value))
    }

    return Result.fail(this.errorMessage)
  }

This approach allows for flexibility in chaining with specific types, similar to the provided code example.

Result.combine(Rectangle.from(5, 5), Rectangle.from(1, 1))
  .onSuccess(() => {return new User('user')}) // Create new user
  .onSuccess(user => console.log(user.name)) // Print user name

Linking functions together using callbacks in TypeScript

Answer №1

Answer №2

Similar questions

Is there a way for me to slice a semicircular shape out of the parent div in order to expose

Improving the innerHTML syntax

Determine the character's position in an input field by tracking mouse movements

Prevent global CSS from being overridden in a production environment for a React Next.js application

Unable to access Form element in Firefox browser

How do I adjust the amount of a product in my Django ecommerce store?

Elements are unresponsive to scrolling inputs

What is the best way to calculate the number of items in your mongoose reference with a specific field?

Manage an error request with unique parameters

Enhance your AngularJS application with advanced security features and implement a local storage

Tips for setting up Nginx with Node.js on a Windows operating system

Connectivity issue: Socket.io fails to register user upon connection

Creating a curved edge for a shape in React Native can add a stylish and

I am eager to display this JSON data using AngularJS tables

Unable to successfully import an external HTML file that contains a script tag

What is the most efficient way to handle dependencies and instantiate objects just once in JavaScript?

What is the best way to set a CSS background using vue-cli 3?

What is the process for dynamically altering the source file of VueRouter?

Leveraging Object.assign for updating fields in Firebase documents

Building a time series collection in MongoDB with Node.js