在上一个函数完成后调用函数

javascript jquery

2022-08-30 01:08:47

我有以下JavaScript代码：

$('a.button').click(function(){
    if (condition == 'true'){
        function1(someVariable);
        function2(someOtherVariable);
    }
    else {
        doThis(someVariable);
    }
});

如何确保仅在完成后才调用？function2function1

答案 1

指定一个匿名回调，并使 function1 接受它：

$('a.button').click(function(){
    if (condition == 'true'){
        function1(someVariable, function() {
          function2(someOtherVariable);
        });
    }
    else {
        doThis(someVariable);
    }
});


function function1(param, callback) {
  ...do stuff
  callback();
}

答案 2

如果您使用的是 jQuery 1.5，则可以使用新的 Deferreds 模式：

$('a.button').click(function(){
    if(condition == 'true'){
        $.when(function1()).then(function2());
    }
    else {
        doThis(someVariable);
    }
});

编辑：更新的博客链接：

丽贝卡·墨菲（Rebecca Murphy）在这里写了一篇很棒的文章：http://rmurphey.com/blog/2010/12/25/deferreds-coming-to-jquery/