上一篇: jquery – SCRIPT5007：无法获取... 下一篇:jquery – 检查所选元素是否包含...

使用jQuery.Deferred来避免嵌套的setTimeout回调

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了使用jQuery.Deferred来避免嵌套的setTimeout回调，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

setTimeout ->
  console.log 'foo'
  setTimeout ->
    console.log 'bar'
    setTimeout ->
      console.log 'baz',1000,1000

是否有可能用jQuery.Deferred实现相同的结果？或许如下：

someFunction()
.then(-> console.log 'foo')
.then(delay 1000)
.then(-> console.log 'bar')
.then(delay 1000)
.then(-> console.log 'baz')

也许我认为承诺会使写作变得容易：做A,然后一旦完成,做B,做C.

解决方法

您可以通过返回一个新的Deferred对象来链接.then()调用.特别是对于延迟,你可以使用类似的东西：

function someFunction() {
    var ret = new $.Deferred();
    // setTimeout just to simulate `someFunction` taking 1000ms to complete its deferred
    setTimeout(function () {
        ret.resolve();
    },1000);
    return ret;
}

function logger(str) {
    return function () {
        console.log("Logger:",str);
    };
}

function delay(timE) {
    return function () {
        console.log("Delaying");
        var ret = new $.Deferred();
        setTimeout(function () {
            ret.resolve();
        },timE);
        return ret;
    };
}

someFunction()
    .then(logger("foo"))
    .then(delay(3000))
    .then(logger("bar"))
    .then(delay(3000))
    .then(logger("baz"));