小程序之6：并发请求下载多个图片文件

为了小程序用户体验，在进行页面加载时通常会包含多张图片的下载请求，除了在还进入小程序之前利用加载时间的空挡提前对页面中的图片发起请求下载之外，最好是通过发送并行请求，使多张图片在同一时刻开始进行下载。这就产生了并发问题，应该如何处理？

（1）并行改串行

如果业务逻辑和用户体验允许的情况下，可以改为串行，处理起来最简单

function async1(){
  //do sth...
  async2();
}
function async2(){
  //do sth...
}
async1();

（2）回调计数

function async1(){
  //do sth...
  callback();
}
function async2(){
  //do sth...
  callback();
}
function callback(){
  cnt++;
  if(2==cnt) console.log('都已执行完毕');
}

（3）循环非阻塞

function async1(){
  //do sth...
  cnt++;
}
function async2(){
  //do sth...
  cnt++;
}
var interval = setInterval(function(){
  if(2===cnt){
    console.log('已执行完成');
    clearInterval(interval)
  }
};

这个方法采用了定时间隔触发器，占用CPU比较多，建议酌情使用

（4）jquery

使用jquery的延时处理方法，每个ajax请求完成后，把对应的Deferred置为完成状态，然后用jquery判断全部完成后再进行后续处理

var d1 = $.Deferred();
var d2 = $.Deferred();

function async1(){
  d1.resolve( "Fish" );
}

function async2(){
  d2.resolve( "Pizza" );
}

$.when( d1, d2 ).done(function ( v1, v2 ) {
  console.log( v1 + v2 + '已完成');
});

另：ajax时异步请求不会出现堵塞情况。

$.when($.ajax, $ajax).done(function() { balabala })

暂未完成，有空再回来更新。