Асинхронное согласование в петле

Question

var deferred = $.Deferred(); 

function doSomething() { 
    for (i = 1; i < 10; i++) { 
     context.executeQueryAsync(function() //success function 
     { 
      if (check_i_val(i)) { 
       context.executeQueryAsync(Function.createDelegate(this, this.success), Function.createDelegate(this, this.failed)); 
      } 
     }, 

     function (sender, args) //failure function 
     { 
      console.log(args.get_message()); 
     }); 
    } 
} 

function success() { 
    console.log(i); 
} 

function failed() { 
    //display error 
} 

function check_i_val(val) { 
    if (val = 1 || val = 3 || val = 5 || val = 7) { 
     return true; 
    } 
} 

Я хочу, чтобы это производило 1,3,5,7 в этом порядке - фактическая функция, которую я использую, более сложна, чем это, и имеет время загрузки, поэтому результаты являются неожиданными. Как я могу использовать отложенные (как обещание jquery), чтобы мой код запускался последовательно?

Answer 1

function mockExecuteQueryAsync(inValue) { 
    var outValue = $.Deferred(); 

    window.setTimeout(function() { 
     window.console.debug(Date.now(), 'Resolving ', inValue); 
     // Let's just return the value we got as input 
     outValue.resolve(inValue); 
    }, Math.random() * 10000); // Random interval... 

    return outValue.promise(); 
} 

var arrayOfPromises = []; 
var arrayOfValues = [1, 3, 5, 7]; 
for (var i in arrayOfValues) { 
    arrayOfPromises.push(mockExecuteQueryAsync(arrayOfValues[i])); 
} 
$.when.apply($, arrayOfPromises).done(function() { 
    window.console.debug(Date.now(), 'And now we have all the results...'); 
    for (var i in arguments) { 
     window.console.log(arguments[i]); 
    } 
});