JavaScript 学习笔记十六实践一异步编程数据保持同步

最新推荐文章于 2025-11-27 12:57:01 发布

原创最新推荐文章于 2025-11-27 12:57:01 发布 · 191 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

JavaScript 专栏收录该内容

30 篇文章

订阅专栏

本文通过一个JavaScript函数队列的实现案例，展示了如何使用setTimeout和回调函数来管理异步任务。此示例有助于理解JavaScript的异步执行机制及事件循环。



var log = function(value){
        var logdiv = document.getElementById("logdiv");
        logdiv.innerHTML=logdiv.innerHTML+value+"<br/>";
    }

    var value;
    var A = function (callback){
        setTimeout(function(){
            if (value > 0){
                value = value + 20;
            }else{
                value  =  20;
            }
            callback();
        },100);
    }
    var B = function(callback){
        log(value);
        callback();
    }

    //保证 A（）；B（）； 调用后value有值

    var queue = function(funcs,scope){
        (function next(){
            if(funcs.length > 0){
                //shift 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。
                //apply 应用某一对象的一个方法，用另一个对象替换当前对象。
                funcs.shift().apply(scope || {}, [next].concat(Array.prototype.slice.call(arguments, 0)));
            }
        })();
    }

    queue([A,A,A,A,A,B,A,B]);