Async Class Creation In JavaScript

Published ....
Last modified ....

Share this post on BlueskySee discussion on Bluesky

While JavaScript classes aren't exactly all the rage anymore (although I think they are finding a nice niche, and I recommend developers check them out for specific use cases), I've been working with them a decent amount as of late while working with webpack and rspack plugins.

One of the challenges that we've run into at work is needing to instantiate a new instance of the plugins, but doing so with some async dependencies.

If you're unfamiliar, class constructors can't be async in JavaScript, they syncronously return with a class instance, so if you need to do some async computation before creating the instance you usually would need to do that work outside of the class and then pass the result into the class constructor, e.g.:

class MyClass {
  constructor() {}
}
async function