27

As the question stated. Will I be allowed to do this:

class MyClass {
    async constructor(){
        return new Promise()
    }
}
Engineer
  • 7,543
  • 7
  • 57
  • 96
wintercounter
  • 7,021
  • 5
  • 28
  • 42
  • 1
    async/await is not part of ES7. – Felix Kling Jun 19 '16 at 23:25
  • Even if it would be possible (hint: it's not), [it would be a horrible practice](http://stackoverflow.com/q/24398699/1048572) – Bergi Mar 29 '17 at 03:33
  • 1
    A possible solution would be to add a `static async` function that does the asynchronous initialization prior to actually constructing the instance of `MyClass`. – Patrick Roberts Oct 20 '17 at 18:19
  • @Bergi - luckily [real world code](https://github.com/mozilla/source-map/blob/282ab0ced853c80056d425de68af2989d794a6f4/lib/source-map-consumer.js#L17-L27) makes these questions relevant anyway – aaaaaa Jun 16 '18 at 06:22

4 Answers4

51

To expand upon what Patrick Roberts said, you cannot do what you are asking, but you can do something like this instead:

class MyClass {
  constructor() {
     //static initialization
  }

  async initialize() {
     await WhatEverYouWant();
  }

  static async create() {
     const o = new MyClass();
     await o.initialize();
     return o;
  }
}

Then in your code create your object like this:

const obj = await MyClass.create();
Dave P.
  • 510
  • 1
  • 4
  • 4
  • 1
    Thanks for answering the spirit of the question instead of just saying, "No, it's not allowed." – rinogo Oct 21 '20 at 20:13
14

Without trying to fortune-tell about future decisions, let's concentrate on practicality and what is already known.

ES7, like ES6 before it will try to be a backwards compatible expansion to the language. With that in mind, a backwards compatible constructor function is essentially a regular function (with some runtime restrictions) that's meant to be invoked with the new keyword. When that happens, the function's return value gets special treatment, specifically, non-object return values are ignored and the newly allocated object is returned while object return values are returned as is (and the newly allocated object is thrown away). With that, your code would result in a promise being returned and no "object construction" would take place. I don't see the practicality of this and I suppose if anybody takes the time to find what to do with such code it will be rejected.

Amit
  • 41,690
  • 8
  • 66
  • 101
  • Makes sense. It isn't clear in the proposal. I was wondering it because you can still use a return value in the constructor so you won't receive your instance. – wintercounter Apr 01 '16 at 18:45
  • I didn't really get the chance to go through the proposal hence my hypothetical answer, but I'm fairly confident this will be defined as static code error. – Amit Apr 01 '16 at 18:52
  • If they were to add it, I think they would also have to add some way of defining an async class so that you would know to await the constructor function (which sounds tacky) in order to get around the issue that Amit presents. – Matt Molnar Apr 02 '16 at 03:32
  • I don't get the **(and the newly allocated object is thrown away)** part. Any article ref or spec ref? –  Apr 08 '16 at 04:58
  • @AnubhavSaini - I meant the object is not referenced by any variable, is inaccessible, and is later garbage collected. The language spec is publicly available. – Amit Apr 08 '16 at 05:40
13

In a nutshell:

  1. Constructor is a function that needs to provide a concrete object.
  2. Async returns a promise; exactly opposite of concreteness.
  3. async constructor is conceptually conflicting.
6

You can get a promise from the return value, and await on that:

class User {
  constructor() {
    this.promise = this._init()
  }
  
  async _init() {
    const response = await fetch('https://jsonplaceholder.typicode.com/users')
    const users = await response.json()
    this.user = users[Math.floor(Math.random() * users.length)]
  }
}

(async () {
  const user = new User()
  await user.promise
  return user
})().then(u => {
  $('#result').text(JSON.stringify(u.user, null, 2))
}).catch(err => {
  console.error(err)
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre id="result"><code></code></pre>
Benjamin Atkin
  • 12,578
  • 7
  • 53
  • 55