转换 Ember 函数以使用 ES2017 异步/等待

Question

我想将此 Ember 路由操作转换为使用 ES2017 异步/等待。有人可以解释一下这会是什么样子吗？

根据规范，我已经添加了：babel：{ includePolyfill: true }到我的 ember-cli-build.js 文件中：

save() {
let tenant = this.modelFor(this.routeName).tenant;
let app = this.modelFor(this.routeName).app;
return tenant.save().then(()=> {
return tenant.get('app').save({ adapterOptions: { tenantId: tenant.id }}).then(() => {
this.transitionTo('tenants.tenant.info', tenant.id);
}).catch((error) => {
tenant.get('app').rollback();
throw error;
});
}).catch((error) => {
tenant.rollback();
throw error;
});
}

Answer 1

您的代码，转换为 async/await：

async save() {
let tenant = this.modelFor(this.routeName).tenant;
let app = this.modelFor(this.routeName).app;
try {
await tenant.save();
try {
await tenant.get('app').save({ adapterOptions: { tenantId: tenant.id }});
this.transitionTo('tenants.tenant.info', tenant.id);
} catch (error) {
tenant.get('app').rollback();
throw error;
}
} catch (error) {
tenant.rollback();
throw error;
}
}

若要从承诺转换，请将await关键字添加到返回承诺的方法调用中。您放在承诺then方法中的所有内容都可以简单地放在await语句之后。

承诺的catch方法转换为常规的尝试/捕获块。

Answer 2

与 Patrick Hund 写的答案非常相似，但将 catch 语句附加到正在等待的承诺中，而不是包装在 try/catch 块中，并将错误逻辑提取到单个函数中。

async save() {
let tenant = this.modelFor(this.routeName).tenant;
let app = this.modelFor(this.routeName).app;
await tenant.save().catch(handleError.bind(this, false));
await tenant.get('app').save({ adapterOptions: { tenantId: tenant.id }})
.catch(handleError.bind(this, true));
this.transitionTo('tenants.tenant.info', tenant.id);
// isApp is bound via bind; error will be provided when called via catch        
function handleError(isApp, error) {
if (isApp) {
tenant.get('app').rollback();
} else {
tenant.rollback();
}
throw error;
}
}