jquery 关于Deferred方法的疑问?

单身狗保护协会
  • 642

a()到b()方法没有问题,正常间隔了4s,之后的c()d()是立即执行,没有间隔,为什么会出现这样的情况呢?

var A = {
        a : function(){
            alert("a执行");
            var dfd = $.Deferred();
            setTimeout(function(){
                dfd.resolve();
            },4000);
            return dfd;
        },
        b : function(){
            alert("b执行");
            var dfd = $.Deferred();
            setTimeout(function(){
                dfd.resolve();
            },4000);
            return dfd;
        },
        c : function(){
            alert("c执行");
            var dfd = $.Deferred();
            setTimeout(function(){
                dfd.resolve();
            },4000);
            return dfd;
        },
        d : function(){
            alert("d执行");
            var dfd = $.Deferred();
            setTimeout(function(){
                dfd.resolve();
            },4000);
            return dfd;
        }
    }

    A.a().then(function(){A.b()}).then(function(){A.c()}).then(function(){A.d()});
回复
阅读 2.1k
3 个回答
✓ 已被采纳

你不return,直接就return undefined了,当然立即执行了

A.a().then(function () {
    return A.b()
}).then(function () {
    return A.c()
}).then(function () {
    A.d()
});
sofichael
  • 665

A.b() A.c() A.d() 你放在不同的then里面和放在一个里面效果一样,都会立刻执行,因为你的alert()是在setTimeout之外 放里面正确的调用方式是:

A.a().then(function(){
  A.b().then(function(){
    A.c().then(function(){A.d()
    })
  })
});

不是应该写成return dfd.promise()

宣传栏