jquery同步函数

Question

有没有办法在另一个函数完成后运行一个函数？例如：

doSomething();
doSomethingElse();

我只想在 doSomething 完成后运行 doSomethingElse() 。这可能吗？

Answer 1

如果您的 doSomething() 函数正在异步执行某些操作（例如发出 Ajax 请求），那么您需要让 doSomethingElse() 作为该异步请求的回调，而不是而不是在 doSomething() 返回后立即执行。

Answer 2

实际上你可以用 jQuery 做你想做的事（至少在某种意义上）。它可能被认为有点hacky但工作完美。

只需在页面中包含一个不用于其他用途的元素即可。例如某处的空 div 。

<div id="syncFnHolder"></div>

然后将 JS 包含在您的函数中 + 我编写的 runMe 函数。

function doSomething() { alert("First"); }
function doSomethingElse() { alert("Second"); }
function doSomethingElseThree() { alert("Third"); }

function runMe(fn, selec) {
    return function() {
        fn();
        setTimeout(function() {
            $(selec).dequeue("syncFnQueue");
        }, 1000);
    } 
};

var selector = "#syncFnHolder";
//add three functions to a queue
$(selector).queue("syncFnQueue", runMe(doSomething, selector));
$(selector).queue("syncFnQueue", runMe(doSomethingElse, selector));
$(selector).queue("syncFnQueue", runMe(doSomethingElseThree, selector));
//start first function in queue (FIFO) others are triggered automatically
$(selector).dequeue("syncFnQueue");

这将生成三个警报，它们之间的距离为 1 秒，分别为“First”、“Second”、“Third”。

如果您不想延迟，请删除 setTimeout 并将调用留给 $(selec).dequeue("syncFnQueue");。

如果您的函数需要参数，例如 doSomething(x,y,z)，您需要将 runMe 函数调整为更好的部分，并以不同的方式构造返回的函数。检查此处或发布新问题。

javascript 部分

Answer 3

你可能想这样做......

function doSomething(callback) {
    // code for do some thing
    // now fire off the callback
    if (typeof callback === 'function') {
        callback();
    }
}

function doSomethingElse() {
}

doSomething(doSomethingElse);

Answer 4

问题有点模糊。

如果您的函数具有异步位，请使用回调。这就是他们的目的。

但是，如果您想在 JavaScript 中进行面向方面的编程，请查看 jQuery- aop。

Answer 5

本身没有办法明确强制执行此操作，但一个想法是让 doSomething() 返回一个 doSomethingElse() 接受作为参数的值：

  retval = doSomething();
  doSomethingElse(retval);

这样至少可以防止有人在不提供参数的情况下调用 doSomethingElse()需要......当然，他们是否通过调用 doSomething() 获得该参数是另一个问题。但这是一个开始。

想法源自 Code Complete。