Emberjs和承诺

时间:2015-10-02 15:51:41

标签: ember.js rsvp-promise

我的编码风格可能不好,因为我还在学习。我需要知道如何处理在Emberjs中将额外参数传递给链式承诺。

我想要实现的目标。 我路线上的许多承诺看起来很乱,所以我决定为每个承诺编写函数

model: function(){
  var self=this,carP,planeP,bikeP;
  carP = self.store.find('car');
  planeP = self.store.find('plane');
  bikeP = self.store.find('bikeP');

  pilotsP = planeP.then(function(planePArr){
    return planePArr.forEach(function(plane){
      return plane.get('pilots') //in plane model: pilots: DS.hasMany('pilot')
    });
  });   
  return Ember.RSVP.hash({
     cars: carP,
     planes: planeP,
     bikes: bikeP,
     pilots: pilotsP,
     city: self.store.createRecord('city'),
     owner: self.store.createRecord('owner'),
  })

}

我的同一路线的动作哈希包含

actions: {
  save: function(){
    var self = this;
    return self._saveCity()
                         .then(self._getBikeRiders)
                         .then(self._getCarDrivers)
  }
}
_saveCity: function(){
   return this.currentModel.city.save();
 },
_getBikeRiders: function(value){

 },
_getCarDrivers: function(value){

 }

当我调用函数self._saveCity()时,它返回一个好的promise,然后将解析后的值传递给this._getBikeRiders _getBikeRiders(value)函数有一个参数值,该参数值是从以前的承诺中收集的,在这种情况下保存城市,所以我们有城市名称。

现在,如果在_getBikeRiders(value)函数中我需要对其他值执行某些操作,则无法将任何内容传递给它。

示例 self._getBikeRiders(value,"some paramer)并未同时通过。

我在_getBikeRiders: function()函数中丢失了上下文,所以我无法访问它(我得到了全局窗口)。

我不知道如何在这里实现它 Ember.RSVP.Promise could accept context argument

2 个答案:

答案 0 :(得分:1)

虽然锁定方法可以解决您的问题,但我仍然认为您应该了解Stefan Penner建议的解决方案。 javascript中的函数有一个名为bind(thisArg)的方法,可让您重新定义this。所以在你的解决方案中你也可以像这样解决它。

actions: {
  save: function(){
    var self = this;
    return self._saveCity()
                  .then(self._getBikeRiders.bind(self))
                  .then(self._getCarDrivers.bind(self))
  }
}

使用.bind()在很多场景中都很有用,因此它是一个很好的记忆方法。如果您需要Ember中this的大量值,那么更改this然后将它们全部作为参数传递可能是更好的解决方案。

答案 1 :(得分:0)

我的建议是将this._getBikeRiders调用包装在一个函数中,以便您可以传递所需的参数。一个例子:

actions: {
  let foo = "bar";

  return this._saveCity()
    .then((value) => { this._getBikeRiders(value, foo); })
    .then(this._getCarDrivers());
}