这个不太好理解，请观看blue的视频

这里需要一个封装好的库

  1. module.exports=runner;
  3. // runner.js   yield-runner-blue
  5. function runner(_gen){
  6.   return new Promise((resolve, reject)=>{
  7.     var gen=_gen();
  9.     _next();
  10.     function _next(_last_res){
  11.       var res=gen.next(_last_res);
  13.       if(!res.done){
  14.         var obj=res.value;
  16.         if(obj instanceof Promise){
  17.           obj.then((res)=>{
  18.             _next(res);
  19.           }, (err)=>{
  20.             reject(err);
  21.           });
  22.         }else if(typeof obj=='function'){
  23.           if(obj.constructor.toString().startsWith('function GeneratorFunction()')){
  24.             runner(obj).then(res=>_next(res), reject);
  25.           }else{
  26.             _next(obj());
  27.           }
  28.         }else{
  29.           _next(obj);
  30.         }
  31.       }else{
  32.         resolve(res.value);
  33.       }
  34.     }
  35.   });
  36. };

runner.js的用法

  1. //普通异步，只需要同时请求，数据之间没有依赖关系
  2. runner(function *(){
  3.     let data1 = yield $.ajax({url:'data/1.txt', dataType: 'json'})
  4.   let data2 = yield $.ajax({url:'data/2.txt', dataType: 'json'})
  5.   let data3 = yield $.ajax({url:'data/3.txt', dataType: 'json'})
  7.   console.log(data1, data2, data3)
  8. })
  10. //带逻辑的异步回调, 就是依赖上一次的结果 
  11. runner(function *(){
  12.     let userData = yield $.ajax({url:'getUserdatga', dataType: 'json'})
  14.   if(userData.type == 'VIP'){
  15.       let items = yield $.ajax({url:'getVipItems', dataType: 'json'})
  16.   }else{
  17.     let items = yield $.ajax({url:'getItems', dataType: 'json'})
  18.   }
  20.   // ...
  21. })