JavaScript 有什么办法让封装好的函数排队执行？

发布于
2014-12-21

我想让一个函数执行完再执行下一个要怎样做呢？
Google 了一下「JavaScript 异步」，很多都不知道在说什么。
看过这篇: http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html
也了解过一点点 jQuery 的 .queue()，但是没看懂。

我的想法是这样的：

hrml<div> 
    <span id="num1">0</span>
    +
    <span id="num2">0</span>
    =
    <span id="num3">0</span>
</div>
<ol id="Result"><ol>

javascriptfunction _a (a,b) {
    setTimeout(function () {
        document.getElementById('num1').innerHTML = a;
    },1000);
    setTimeout(function () {
        document.getElementById('num2').innerHTML = b;
    },1000);
    setTimeout(function () {
        document.getElementById('num3').innerHTML = a+b;
    },1000);
    setTimeout(function () {
        $('#Result').append('<li>'+(a+b)+'</li>');
    },1000);
}

_a(1,2);
_a(1,3);
_a(1,4);

需要怎样才能让 _a(1,2) 执行完才执行 _a(1.3)？

如果这个执行顺序后来继续添加 _a(1,5) 呢？

javascript 异步排队

阅读 6.8k

3 个回答

✓ 已被采纳

http://jsfiddle.net/wedxc50f/1/

Mutoo

789123

发布于
2014-12-21

推荐你一个比较好用的异步工具 async.js

javascriptasync.series([
    function(callback){
        setTimeout(function(){
            // do something
            callback(null);
        }, 1000);
    },
    function(callback){
        setTimeout(function(){
            // do something
            callback(null);
        }, 1000;
    }],
    function(err) {
        // all tasks are done
    });