javascript - 可以在构造函数中使用 async/await 吗？

Question

正如问题所述。我是否可以这样做：

class MyClass {
    async constructor(){
        return new Promise()
    }
}

Answer 1

为了扩展帕特里克·罗伯茨所说的，你不能做你所要求的，但你可以做这样的事情：

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

  async initialize() {
     await WhatEverYouWant();
  }

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

然后在您的代码中创建您的对象，如下所示：

const obj = await MyClass.create();

Answer 2

在不试图预测未来决定的情况下，让我们专注于实用性和已知的事情。

ES7，就像之前的 ES6 一样，它会尝试成为一种向后兼容的语言扩展。考虑到这一点，向后兼容的构造函数本质上是一个常规函数（具有一些运行时限制），旨在使用new关键字调用。发生这种情况时，函数的返回值会得到特殊处理，具体来说，非对象返回值将被忽略并返回新分配的对象，而对象返回值按原样返回（并且新分配的对象被丢弃）。这样，您的代码将导致返回一个承诺，并且不会发生“对象构造”。我看不出这样做的实用性，我想如果有人花时间找到如何处理此类代码，它将被拒绝。

Answer 3

简而言之：

1. 构造函数是一个需要提供具体对象的函数。
2. 异步返回一个承诺；与具体性完全相反。
3. async constructor在概念上是矛盾的。

Answer 4

你可以从返回值中得到一个承诺，然后等待：

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>