试图了解承诺在 Ember 中是如何工作的

Question

当我以为我终于掌握了承诺如何在 Ember 中工作的概念时。这种情况让我重新陷入混乱。

用户模型具有以下关联：

profile: DS.belongsTo('polymorphable', { polymorphic: true, async: true })

路线有：

model: function(params) {
  return this.store.findRecord('user', 1);
}

在模板中，我正在渲染一个组件：

{{model.profile.firstName}}
{{foo-bar saveProfile=(action "save") profile=model.profile}}

{{model.profile.firstName}} 渲染良好。

组件模板有：

<button {{action "saveProfile" profile}}>Save</button>

组件对象有：

actions: {
  saveProfile(profile) {
    console.log(profile);
  }
}

当组件模板中的按钮被点击时。 console.log 渲染：

Class {isFulfilled: true, __nextSuper: undefined, __ember_meta__: Object, __ember1442167214792: "ember688"}

模板已经解析model.profile，它正在将解析的值传递给模板。为什么profile（在组件中）返回一个承诺？

Answer 1

我会猜测一下，因为您没有包含您的 user 类定义。您的配置文件属性是异步关系，异步关系使用代理承诺。

代理 Promise 允许您在代理 Promise 上使用 getter，它解析属性，就好像它存在于代理本身上一样。这意味着您的模板没有已解析的 profile，但正在调用 model.get('profile.firstName') 并获取已解析的值（即使稍后满足配置文件）。

model.profile 是代理承诺，当承诺已经履行时，您可以在其上使用 getter 并期望显示来自基础记录的值。

由于关系是异步的，您应该始终假设它尚未实现，并在尝试使用记录之前等待承诺的实现。

actions: {
  saveProfile(profilePromise) {
    profilePromise.then(function(profileRecord){
      console.log(profileRecord);
    });
  }
}

使用演员表

actions: {
  saveProfile(profileMaybePromise) {
    Ember.RSVP.Promise.cast(profileMaybePromise).then(function(profileRecord){
      console.log(profileRecord);
    });
  }
}