javascript - 嵌套的 JavaScript 回调函数

Question

有人能解释一下为什么会这样吗(即延迟 1 在延迟 2 之前执行):

function testCallBack() {
    one(two);
}

function one(callback) {
    setTimeout(function () {
        alert("delay 1");
        callback();
    }, 2000);
}

function two() {
    setTimeout(function () {
        alert("delay 2")
    }, 1000);
}

testCallBack();

http://jsfiddle.net/z71gkpfg/

但这不是(延迟 2 以某种方式在延迟 1 之前执行):

function testCallBack() {
    one(two(three));
}

function one(callback) {
    setTimeout(function () {
        alert("delay 1");
        callback();
    }, 3000);
}

function two(callback) {
    setTimeout(function () {
        alert("delay 2");
        callback();
    }, 2000);
}
function three(){
     setTimeout(function () {
        alert("delay 3");
    }, 1000);
}
testCallBack();

https://jsfiddle.net/511nLm95/

我是否没有正确嵌套我的回调函数？

Answer 1

您需要将函数引用传递给 one。

所以这里的解决方案可能是将一个匿名函数作为回调传递给 one ，它将调用 two 和 three 作为回调引用。

function testCallBack() {
    one(function(){
        two(three);
    });
}

演示:Fiddle