Check out our solution

One possible implementation could be

class Emitter {
  constructor() {
    /**
     * This does not make the subscriptions private
     *
     * We can look into using Private class features
     * but as of writing this solution, they are not 100% supported
     * https://caniuse.com/?search=private
     *
     * We can also look into creating getter/setter methods
     **/
    this._subscriptions = new Map();
  }

  subscribe(eventName, callback) {
    // check if eventName is already exists in our subscriptions
    if (!this._subscriptions.has(eventName)) {
      this._subscriptions.set(eventName, new Map());
    }

    // creating an unique subscription id
    const subscriptionId = Symbol();
    const eventSubscriptions = this._subscriptions.get(eventName);

    // storing the callback provided by the user
    eventSubscriptions.set(subscriptionId, callback);

    return {
      release: () =&gt; {
        // if subscriptionId is present in the eventSubscriptions
        // then release it
        if (eventSubscriptions.has(subscriptionId)) {
          eventSubscriptions.delete(subscriptionId);
        } else {
          throw new Error('This subscription has already been released');
        }
      },
    };
  }

  emit(eventName, ...args) {
    // invoking all callbacks on emit
    if (this._subscriptions.has(eventName)) {
      const eventSubscriptions = this._subscriptions.get(eventName);
      
      for (const [, callback] of eventSubscriptions) {
        callback(...args);
      }
    }
  }
}

For more frontend-related content, visit:

https://youtube.com/c/devtoolstech

https://devtools.tech/questions/all

https://devtools.tech/resources/all

This feels empty

0 day

0 day

Study Guides

Top JavaScript Multiple Choice Questions (MCQ) with Answers | Frontend Interview Questions | Beginner Friendly

Top JavaScript Array Interview Questions | Problem Solving | Array Polyfills

Frontend Coding Challenges | JavaScript | ReactJS | DevKode DOM Challenge

Advanced JavaScript Interview Questions | Problem Solving | Frontend Interview Questions

Top JavaScript Promises Interview Questions | Problem Solving | Promise Polyfills

Video Tutorials

Contribution Opportunities

Grow with like-minded people,

Join the devtools.tech community

Stay in the know

Instagram

YouTube

Twitter