模拟ajax的同异步

今天突然想到那只在app中，如果请求数据时用的是app提供的接口，如果该接口没有同异步的话，怎么办。

所以就捣腾了下。 模拟ajax同异步。

var VshopDataApi = {
    queryArr : [], // { code : [{code, data, callback, is_sync}]}//系统队列
    is_sync  : false, //是否同步 默认false 不同步 系统变量
    ajax     : function(item, callback){ //自定义
        // var time = parseInt(Math.random() * 100);
        // console.log('+++++发送成功+'+item.code+'+++++');
        // setTimeout(function (){
        //     //模拟 不定时回调
        //     callback( '顺序:'+item.code+' '+(item.is_sync ? '同步' : '异步'));
        // }, time * 100);
    }
}


/**
 * 进队列
 * @param  {object} item 必须包含 字段 callback:回调函数, is_sync:是否同步
 */
VshopDataApi.push = function(item){
    item.is_sync = item.is_sync || false;

    if (this.is_sync) {
        this.queryArr.push(item);
        return;
    }

    if (item.is_sync) {
        this.is_sync = item.is_sync;
    }

    //发送
    VshopDataApi._ajax(item);
    
};

//出队列
VshopDataApi.shift = function(){
    if (this.queryArr.length <= 0) {return;}
    var item = {};
    item = this.queryArr.shift();
    this.is_sync = item.is_sync;
    this._ajax(item);
    if (!this.is_sync) {
        this.shift();
    }

};

//系统执行
VshopDataApi._ajax = function(item){
    var _this = this;
    (function(item){

        _this.ajax(item,function(result){
            item.callback(result);

            if (item.is_sync) {
                _this.shift();
            }item = null;
        });
    })(item);
};

//回调函数
function callback(result){
    console.log('---------callback begin----------');
    console.log(result);
    console.log('--------callback end---------');
};

//重写
VshopDataApi.ajax  = function(item, callback){ //自定义
        var time = parseInt(Math.random() * 100);
        console.log('+++++发送成功+'+item.code+'+++++');
        setTimeout(function (){
            //模拟 不定时回调
            callback( '顺序:'+item.code+' '+(item.is_sync ? '同步' : '异步'));
        }, time * 100);
    }

//进队列
VshopDataApi.push({code : '1', data: {}, callback : callback, is_sync : false });
VshopDataApi.push({code : '2', data: {}, callback : callback, is_sync : true });//同步
VshopDataApi.push({code : '3', data: {}, callback : callback, is_sync : false });
VshopDataApi.push({code : '4', data: {}, callback : callback, is_sync : false });
VshopDataApi.push({code : '5', data: {}, callback : callback, is_sync : true });//同步
VshopDataApi.push({code : '6', data: {}, callback : callback, is_sync : false });
VshopDataApi.push({code : '7', data: {}, callback : callback, is_sync : true });//同步
VshopDataApi.push({code : '8', data: {}, callback : callback, is_sync : false });

回调时特地写个随机时间。 看看如果同步的先执行成功，会不会继续执行。

结果：