promise並列

// 
function limitLoad(urls, handler, limit) {
  //  
  const sequence = [].concat(urls)
  let promises = [];

  // 
  promises = sequence.splice(0, limit).map((url, index) => {
      //   index   promises  ，
      //  Promise.race  
      return handler(url).then(() => {
          return index
      });
  });

  let p = Promise.race(promises);
  for (let i = 0; i < sequence.length; i++) {
      p = p.then((res) => {
          promises[res] = handler(sequence[i]).then(() => {
              return res
          });
          return Promise.race(promises)
      })
  }
}


var urls = [
  'https://www.kkkk1000.com/images/getImgData/getImgDatadata.jpg', 
  'https://www.kkkk1000.com/images/getImgData/gray.gif', 
  'https://www.kkkk1000.com/images/getImgData/Particle.gif', 
  'https://www.kkkk1000.com/images/getImgData/arithmetic.png', 
  'https://www.kkkk1000.com/images/getImgData/arithmetic2.gif', 
  'https://www.kkkk1000.com/images/getImgData/getImgDataError.jpg', 
  'https://www.kkkk1000.com/images/getImgData/arithmetic.gif', 
  'https://www.kkkk1000.com/images/wxQrCode2.png'
];

function loadImg(url) {
  return new Promise((resolve, reject) => {
      const img = new Image()
      img.onload = function () {
          console.log(' ');
          resolve();
      }
      img.onerror = reject
      img.src = url
  })
};
limitLoad(urls, loadImg, 3)