模拟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 });

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

结果：