Это общий шаблон для реализации тайм-аута некоторой асинхронной функции с использованием deffered/prom:
// Create a Deferred and return its Promise
function timeout(funct, args, time) {
var dfd = new jQuery.Deferred();
// execute asynchronous code
funct.apply(null, args);
// When the asynchronous code is completed, resolve the Deferred:
dfd.resolve('success');
setTimeout(function() {
dfd.reject('sorry');
}, time);
return dfd.promise();
}
Теперь мы можем выполнить некоторую асинхронную функцию с именем myFunc
и обработать таймаут:
// Attach a done and fail handler for the asyncEvent
$.when( timeout(myFunc, [some_args], 1000) ).then(
function(status) {
alert( status + ', things are going well' );
},
function(status) {
alert( status + ', you fail this time' );
}
);
Хорошо, сделайте поворот в этой истории! Представьте себе, что сам myFunc
возвращает обещание (ПРИМЕЧАНИЕ: обещание НЕ отложено, и я не могу его изменить):
function myFunc(){
var dfd = new jQuery.Deffered();
superImportantLibrary.doSomething(function(data)){
if(data.length < 5){
dfd.reject('too few data');
}
else{
dfd.resolve('success!');
}
}, {'error_callback': function(){
dfd.reject("there was something wrong but it wasn't timeout");}
}});
return dfd.promise();
}
Теперь, если я завершу myFunc
в timeout
, я потеряю способность обрабатывать ошибки, отличные от тайм-аута. Если myFunc
испускает события прогресса, я тоже потеряю это.
Итак, возникает вопрос: как изменить функцию timeout
, чтобы она могла принимать функции, возвращающие promises, не теряя своих ошибок/информацию о ходе?