如何使用q进行回调链？

Question

我有些问题了解如何使用"q"(https://github.com/kriskowal/q)javascript的promises库:

var delayOne = function() {
    setTimeout(function() {
        return 'hi';
    }, 100);
};

var delayTwo = function(preValue) {
    setTimeout(function() {
        return preValue + ' my name';
    }, 200);
};

var delayThree = function(preValue) {
    setTimeout(function() {
        return preValue + ' is bodo';
    }, 300);
};

var delayFour = function(preValue) {
    setTimeout(function() {
        console.log(preValue);
    }, 400);

};

Q.fcall(delayOne).then(delayTwo).then(delayThree).then(delayFour).end();

这只返回undefined ...

Answer 1

正如wroniasty指出的那样,你需要从每个函数中返回一个promise,但你也应该尽可能抽象出任何面向回调的API(比如setTimeout),并使用返回promises的API.

在这种情况下setTimeout,Q已经提供了Q.delay(ms)返回一个将在指定的毫秒数后解析的promise,非常适合替换setTimeout:

var delayOne = function() {
    return Q.delay(100).then(function() {
        return 'hi';
    });
};

var delayTwo = function(preValue) {
    return Q.delay(200).then(function() {
        return preValue + ' my name';
    });
};

var delayThree = function(preValue) {
    return Q.delay(300).then(function() {
        return preValue + ' is bodo';
    });
};

var delayFour = function(preValue) {
    return Q.delay(400).then(function() {
        console.log(preValue);
    });
};

Q.fcall(delayOne).then(delayTwo).then(delayThree).then(delayFour).done();

(注意:end已被替换done)

Answer 2

你得到"未定义"的原因是因为你链接的函数没有返回任何东西:

var delayOne = function() {
  setTimeout(function() {
    return 'hi';
  }, 100);
};

delayOne调用setTimeout,并返回任何内容(undefined).

要实现您的目标,您必须使用Q.defer:

var delayOne = function() {
  var d = Q.defer();    
  setTimeout(function() {
    d.resolve("HELLO");
  }, 100);
  return d.promise;
};

var delayTwo = function(preValue) {
   setTimeout(function() {
     alert(preValue);
   }, 
   400);
};

delayOne().then ( delayTwo );

http://jsfiddle.net/uzJrs/2/