ExitDecorator in TypeScript

Question

ExitDecorator in TypeScript

Introduction:

In my current setup, I have an object called `Item` that consists of an array of `Group(s)`, with each group containing an array of `User(s)`. The `Item` object exposes various APIs such as `addUser`, `removeUser`, `addGroup`, `removeGroup`, `addUnit`, and `removeUnit`. Every time one of these actions is taken, the `rank` property of each user within a certain group needs to be recalculated.

I am seeking a solution where the method `calcRank` is automatically triggered at the end of each API action without the need for explicit invocation. Something akin to an `OnExit` decorator would be ideal.

typescript

Answer 1

Answer №1

The Advice Design Pattern shows how to easily implement dynamic behavior in JavaScript:

function beforeAction(modifyBehavior) {
  return function(method) {
    return function beforeHandler(...args) {
      modifyBehavior.apply(this, args);
      return method.apply(this, args);
    };
  };
}

function afterAction(modifyBehavior) {
  return function(method) {
    return function afterHandler(...args) {
      const result = method.apply(this, args);
      modifyBehavior.apply(this, [args, result]);
      return result;
    };
  };
}

const defaultFunc = _ => _;

function applyAdvice({before: beforeModifier = defaultFunc, after: afterModifier = defaultFunc, skip: []}) {
  return function(Class) {
    Object.keys(Class.prototype).forEach(function(methodName) {
      if (!skip.contains(methodName)) {
        const method = Class.prototype[methodName];
        const afterDecorator = afterAction(afterModifier);
        const beforeDecorator = beforeAction(beforeModifier);
        Class.prototype[methodName] = afterDecorator(beforeDecorator(method));
      }
    });
  };
}


@applyAdvice({
  after() {
    this.updateRank();
  },
  skip: ['updateRank']
})
class Item {
  addUser() {}
  removeUser() {}
  addGroup() {}
  removeGroup() {}
  addUnit() {}
  removeUnit() {}
  updateRank() {}
}

Answer 2

The Advice Design Pattern shows how to easily implement dynamic behavior in JavaScript:

function beforeAction(modifyBehavior) {
  return function(method) {
    return function beforeHandler(...args) {
      modifyBehavior.apply(this, args);
      return method.apply(this, args);
    };
  };
}

function afterAction(modifyBehavior) {
  return function(method) {
    return function afterHandler(...args) {
      const result = method.apply(this, args);
      modifyBehavior.apply(this, [args, result]);
      return result;
    };
  };
}

const defaultFunc = _ => _;

function applyAdvice({before: beforeModifier = defaultFunc, after: afterModifier = defaultFunc, skip: []}) {
  return function(Class) {
    Object.keys(Class.prototype).forEach(function(methodName) {
      if (!skip.contains(methodName)) {
        const method = Class.prototype[methodName];
        const afterDecorator = afterAction(afterModifier);
        const beforeDecorator = beforeAction(beforeModifier);
        Class.prototype[methodName] = afterDecorator(beforeDecorator(method));
      }
    });
  };
}


@applyAdvice({
  after() {
    this.updateRank();
  },
  skip: ['updateRank']
})
class Item {
  addUser() {}
  removeUser() {}
  addGroup() {}
  removeGroup() {}
  addUnit() {}
  removeUnit() {}
  updateRank() {}
}

ExitDecorator in TypeScript

Answer №1

Similar questions

Do not include ChangeDetectionStrategy when creating component

Differences between TypeScript `[string]` and `string[]`

Preventing JavaScript Compilation for a Specific Folder using tsconfig: A Step-by-Step Guide

How can Jest be configured to test for the "permission denied" error?

Angular 4+ directive allowing interaction with the NgModel of a component

Declaring properties for an interface

Refreshing the page causes the Angular/Ionic Singleton instance to be destroyed

After I deploy my Next.js code to Vercel, including Google Analytics added by @next/third-parties, I am encountering an error that does not appear in development mode

During the present module, retrieve the runtime list of all modules that are directly imported (Javascript/Typescript)

Running a Jest test that triggers process.exit within an eternal setInterval loop with a latency of 0, all while utilizing Single

Tips for implementing multiple yield generators in redux-saga

Error encountered in NextJS API: "TypeError: res.status is not a function"

Within Angular, the Subscribe function is invoked after all other methods in the component have been executed. Consequently, this sequence of events often prevents me from effectively utilizing the response data

Ways to immediately display an uploaded image as the background on a canvas

Error occurs when attempting to test both boolean and number data within an ngIf statement

Is there a way to remove an event listener once the associated button has been clicked within the given code?

Learn how to retrieve images from the web API at 'https://jsonplaceholder.typicode.com/photos' and showcase them on a webpage using Angular10

Error in Typescript Observable when using .startWith([])

Issue with const declaration in Typescript and Node.js - initializer is missing

Exploring Local Gems with Google Places API in Ionic 2