jQuery回调

Question

你好，谁能给我解释一下jquery回调的概念 有点卡在这个简单的代码上

$(document).ready(function(){
    bar('',function(){
        foo();
    });         
});

function foo()
{
    alert('foo');
}

function bar()
{
    alert('bar');
}

这样foo() 先被执行然后bar()，但是使用上面的代码，只有foo() 被执行而bar 不被执行。

这是jsfiddle link

Answer 1

函数是 JavaScript 中的一等成员，因此可以分配给变量并作为参数传递给其他函数。回调函数的思想是函数接收的一个（或多个）参数是可以在特定条件下调用的函数引用。在您的情况下，您使用两个参数调用bar，但从未对bar 中的这些参数执行任何操作。 JavaScript 不会自动回调函数，作为程序员的你必须这样做。

这可能就是你想要的：

$(document).ready(function(){
    bar('',function(){ //this anonymous function maps to the parameter b in bar(a,b)
        foo(); //missing ; can lead to hard to track errors!
    });         
});


function foo()
{
    alert('foo');
}

//accept two parameters
// in this example code, given the call to bar() above, a will map to '' and b to the anonymous function that calls foo()
function bar(a, b) 
{
    alert('bar');
    if(typeof b === 'function'){ //check if b is a function
        b(); //invoke
    }
}

编辑

@Jared 的建议肯定更有意义 - 在调用 b 之前将 if(b) 更改为 if(typeof b === 'function'){