为什么这个Promise无法正常运作？

debugcn 发表于 Dev

比诺特

我是jQuery Promises的新手，但是我在应用程序的其他部分很好地使用了它们，但是这一功能似乎并未按预期工作。似乎在执行下一个代码之前，它没有等待返回。

function setActivityOnGrid(){
...snip...
var sameActivityCnt = $(actId).length;
  if(sameActivityCnt){
    sameActivityDialog().then(function(retVal) {
      if(retVal == true){
        activityid += "-"+sameActivityCnt++;
      }
    });
}
//code here is being executed before the dialog is even shown
}

function sameActivityDialog(){
  var deferred = $.Deferred();

  bootbox.confirm("You have already added this activity. Would you like to add it again?", function(result) {
    deferred.resolve(result);
  });
  return deferred.promise();
}

寿木

将移至//code here is being executed before the dialog is even shown此处：

var sameActivityCnt = $(actId).length;
if(sameActivityCnt){
  sameActivityDialog().then(function(retVal) {
    if (retVal === true){
      activityid += "-"+sameActivityCnt++;
    }

    // code goes here!!!!

  });
}

在then回调函数内部（或稍后链接的then函数）。

备择方案

var sameActivityCnt = $(actId).length;
sameActivityDialog().then(function(retVal) {
  if(sameActivityCnt && retVal === true){
    activityid += "-"+sameActivityCnt++;
  }

  // code goes here!!!!

});

或者

var promise = sameActivityDialog();
var sameActivityCnt = $(actId).length;

if(sameActivityCnt){
  promise = promise.then(function(retVal) {
    if (retVal === true){
      activityid += "-"+sameActivityCnt++;
    }
    return retVal;
  });
}

promise = promise.then(function(retVal) {
  // code goes here!!!!
  return retVal;
});

而且，如果您将此逻辑拆分为较小的函数，则实际上可以很好地构成：

function doIf(condition, fn) {
  return function(data) {
    if (condition) {
      return fn(data);
    } else {
      return data
    }
  };
}

function appendID(retVal) {
  if (retVal === true){
    activityid += "-"+sameActivityCnt++;
  }
  return retVal;
}

function doMoreStuff(retVal) {
  // code goes here!!!!
  return retVal;
}

var sameActivityCnt = $(actId).length;

sameActivityDialog()
  .then(doIf(sameActivityCnt, appendID))
  .then(doMoreStuff);

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。