• javascript延迟对象


    1、模拟任务队列:
    function taskQueue() {
        var taskList = [];
        var isRun = false;
         
        this.addTask = function (task) {
            task.status = 'waiting';
            taskList.push(task);
        };
     
        function run(task) {
            if (!task.validate()) {
                task.status = 'invalidate';
                isRun = false;
                return;
            }
            function endWrap() {
                if(task.end) task.end.apply(task,arguments);
                task.status = 'done';
                isRun = false;
            };
            task.status = 'running';
            if (task.isAsyn) {
                if(task.begin) task.begin();
                task.run(endWrap);
            }
            else {
                if(task.begin) task.begin();
                task.result = task.run();
                endWrap();
            }
        }
     
        setInterval(function () {
            if (taskList.length > 0 && !isRun) {
                isRun = true;
                run(taskList.shift());
            }
        }, 100);
    }

    task增加一个validate方法,用于检测此时是否有必要再执行先前已入队列的任务。task增加了begin的方法,这是供该task被执行时可以被回调,增加了result属性,如果是同步的task,被执行时可以得到返回值。如果是异步endWarp作为callback传入。至于异常,只能task自己去保证不会抛出异常,否则这个队列会一直阻塞。

    2、在jquery 1.5 版本之后,ajax请求的内部实现被重写。$.ajax方法返回的不再是一个jqXHR对象,而是一个Deferred对象。可以使用$.Deferred对象的api进行一些异步操作。
    主要包括.done.fail.then,.pipe$.when方法。
    var fetchData = function (url) {
        return $.ajax({
            type: 'get',
            url: url
        });
    }
    fetchData()        //执行函数返回一个Deferred对象实例
        .done()        //接受一个函数,ajax请求成功调用
        .fail()        //接受一个函数,ajax请求失败调用
        .done()        //第二个成功状态的回调方法
        .fail()
  • 相关阅读:
    oss blob上传
    app中画一条细线
    antd和原生交互,原生掉前端的方法
    -webkit-touch-callout 图片下载
    ifram嵌入网址 有跨域问题
    ...state
    数组对象的复制
    在vue中使用tinymce组件
    autofs自动挂载服务
    podmen
  • 原文地址:https://www.cnblogs.com/chenlogin/p/6536708.html
Copyright © 2020-2023  润新知