目前，我正在尝试在类构造函数中使用async/await。这样我就可以为我正在进行的Electron项目获得一个自定义的电子邮件标签。
customElements.define('e-mail', class extends HTMLElement {
async constructor() {
super()
let uid = this.getAttribute('data-uid')
let message = await grabUID(uid)
const shadowRoot = this.attachShadow({mode: 'open'})
shadowRoot.innerHTML = `
<div id="email">A random email message has appeared. ${message}</div>
`
}
})
然而，目前项目不工作，有以下错误:
Class constructor may not be an async method
是否有一种方法来规避这一点，以便我可以使用异步/等待在这?而不是要求回调或.then()?
您应该将该函数添加到实例中。Promise将它识别为Promise的可支持对象。解决自动
const asyncSymbol = Symbol();
class MyClass {
constructor() {
this.asyncData = null
}
then(resolve, reject) {
return (this[asyncSymbol] = this[asyncSymbol] || new Promise((innerResolve, innerReject) => {
this.asyncData = { a: 1 }
setTimeout(() => innerResolve(this.asyncData), 3000)
})).then(resolve, reject)
}
}
async function wait() {
const asyncData = await new MyClass();
alert('run 3s later')
alert(asyncData.a)
}
@slebetmen的公认答案很好地解释了为什么这行不通。除了答案中给出的两种模式之外，另一种选择是仅通过自定义异步getter访问您的异步属性。然后构造函数()可以触发属性的异步创建，但是getter在使用或返回属性之前检查属性是否可用。
当你想在启动后初始化一个全局对象，并且你想在一个模块中做这件事时，这种方法特别有用。而不是在index.js中初始化并将实例传递到需要它的地方，只需在需要全局对象的地方调用模块。
使用
const instance = new MyClass();
const prop = await instance.getMyProperty();
实现
class MyClass {
constructor() {
this.myProperty = null;
this.myPropertyPromise = this.downloadAsyncStuff();
}
async downloadAsyncStuff() {
// await yourAsyncCall();
this.myProperty = 'async property'; // this would instead by your async call
return this.myProperty;
}
getMyProperty() {
if (this.myProperty) {
return this.myProperty;
} else {
return this.myPropertyPromise;
}
}
}
如果可以避免扩展，则可以一起避免类，并使用函数组合作为构造函数。你可以使用作用域中的变量代替类成员:
async function buildA(...) {
const data = await fetch(...);
return {
getData: function() {
return data;
}
}
}
简单的使用它
const a = await buildA(...);
如果你使用typescript或flow，你甚至可以强制构造函数的接口
Interface A {
getData: object;
}
async function buildA0(...): Promise<A> { ... }
async function buildA1(...): Promise<A> { ... }
...
我根据@Downgoat的回答制作了这个测试用例。
它运行在NodeJS上。
这是Downgoat的代码，其中异步部分由setTimeout()调用提供。
'use strict';
const util = require( 'util' );
class AsyncConstructor{
constructor( lapse ){
this.qqq = 'QQQ';
this.lapse = lapse;
return ( async ( lapse ) => {
await this.delay( lapse );
return this;
})( lapse );
}
async delay(ms) {
return await new Promise(resolve => setTimeout(resolve, ms));
}
}
let run = async ( millis ) => {
// Instatiate with await, inside an async function
let asyncConstructed = await new AsyncConstructor( millis );
console.log( 'AsyncConstructor: ' + util.inspect( asyncConstructed ));
};
run( 777 );
我的用例是web应用程序服务器端的dao。
当我看到dao时，它们每个都关联到一个记录格式，在我的例子中是一个MongoDB集合，例如一个厨师。
cooksDAO实例保存厨师的数据。
在我不安的思绪中，我将能够实例化一个cook的DAO，并提供cookId作为参数，实例化将创建对象并使用cook的数据填充它。
因此需要在构造函数中运行异步的东西。
我想写:
let cook = new cooksDAO( '12345' );
来拥有可用的属性，如cook.getDisplayName()。
有了这个解决方案，我必须做:
let cook = await new cooksDAO( '12345' );
这和理想情况非常相似。
此外，我需要在一个异步函数中做到这一点。
我的b计划是把数据加载放在构造函数之外，基于@slebetman的建议使用init函数，并像这样做:
let cook = new cooksDAO( '12345' );
async cook.getData();
这并不违反规则。
