所以,我在接受采访时问到这个,但它带来了一个良好的使用情况。 假设你有一堆的数据源。 你想找到的第一个可用一个并进行处理而忽略其他。
因此,像:
var datasources = new Array("somedatabase1/pizza","somedatabase2/beer","somedatabase3/llama");
var dfds = new Array();
$.each(datasources,function(source){
dfds.push($.getJSON(source));
});
$.when(dfds).done(function(){alert("they are all done");});
忽略,我真的当接受一个数组(也许它)不觉得。 当然,这会使它等待,直到他们都完成了。 我要寻找一些代码,将使它等到一个,任何人完成,然后不用担心其他人。
我被告知,它只会递归工作。
这不使用递归,但符合要求从多个数据源获取和只关心它返回一个成功的响应第一。
http://jsfiddle.net/mNJ6D/
function raceToIt(urls) {
var deferred = $.Deferred(),
promises;
function anyComplete(data) {
if (!deferred.isResolved()) {
deferred.resolveWith(this, [data]);
promises.forEach(function(promise) {
promise.abort();
});
}
}
promises = urls.map(function(url) {
return $.getJSON(url).then(anyComplete);
});
return deferred.promise();
}
raceToIt(["/echo/json/", "/echo/json/", "/echo/json/"]).then(function(data) {
console.log(data);
});
我做了一个插件,它提供了另一个版本$.when()
与反向语义。 它从实际执行的jQuery的修改$.when()
所以它是完全一样的,只是等待或者第一原来resolve
d的承诺,或所有承诺被reject
版。
在正确加载的jQuery后刚落,下面的代码:
(function($) {
$.reverseWhen = function( subordinate /* , ..., subordinateN */ ) {
var i = 0,
rejectValues = Array.prototype.slice.call( arguments ),
length = rejectValues.length,
// the count of uncompleted subordinates
remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0,
// the master Deferred. If rejectValues consist of only a single Deferred, just use that.
deferred = remaining === 1 ? subordinate : jQuery.Deferred(),
// Update function for both reject and progress values
updateFunc = function( i, contexts, values ) {
return function( value ) {
contexts[ i ] = this;
values[ i ] = arguments.length > 1 ? Array.prototype.slice.call( arguments ) : value;
if( values === progressValues ) {
deferred.notifyWith( contexts, values );
} else if ( !( --remaining ) ) {
deferred.rejectWith( contexts, values );
}
};
},
progressValues, progressContexts, rejectContexts;
// add listeners to Deferred subordinates; treat others as rejected
if ( length > 1 ) {
progressValues = new Array( length );
progressContexts = new Array( length );
rejectContexts = new Array( length );
for ( ; i < length; i++ ) {
if ( rejectValues[ i ] && jQuery.isFunction( rejectValues[ i ].promise ) ) {
rejectValues[ i ].promise()
.done( deferred.resolve )
.fail( updateFunc( i, rejectContexts, rejectValues ) )
.progress( updateFunc( i, progressContexts, progressValues ) );
} else {
--remaining;
}
}
}
// if we're not waiting on anything, reject the master
if ( !remaining ) {
deferred.rejectWith( rejectContexts, rejectValues );
}
return deferred.promise();
};
})(jQuery);