javascript - 将 Ember 函数转换为使用 ES2017 async/await

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 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;
    }
}

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

promise 的 catch 方法转换为常规的 try/catch block 。