javascript - js 代码执行顺序问题

Question

$(needUnlock).each(function(index) {
    lockOrUnlock(this, index, function(success, idx) {
        if (success) unlocked++;
        console.log("===> " + (success ? "true" : "false") + "：" + unlocked);
        if (idx == needUnlock.length - 1) {
            console.log("恢复操作完成。");
        }
    }, false);
});

代码如上，needUnlock大约有1千多条数据，lockOrUnlock第3个参数是一个回调。执行结果是第二个console.log会穿插到第一个concole.log结果中，而不是最后才出现。这是什么问题呢？

Answer 1

很明显lockOrUnlock函数的第三个参数的执行时机并不是确定的。说明lockOrUnlock可能是个异步函数。

Answer 2

你的lockOrUnlock应该是一个异步函数，所以只要needUnlock的最后一条数据先执行回调函数，就会输出“恢复操作完成。”

Answer 3

你在执行完lockOrUnlock方法之后立刻就会执行下一次了，而你的结果是回调函数执行之后才显示，你的回调函数是保证不了顺序的，可能是第一个先执行完，也可能是第二个先执行完，也有可能你最后一个比其他的先执行完了，于是打印了操作完成。

Answer 4

感谢大家热心回答，问题已解决，的确是异步造成的。