jquery自定义延迟函数

我有三个函数我正在尝试运行，前两个正在做一些异步的东西，需要第三个使用的数据。 我希望只有当1和2都完成时才会触发第三个函数。 这是一般结构，但最终function是在1和2结束前开始。

function run() { var data1 = {}; var data2 = {}; $.when(first(), second()).done(constructData()); function first() { var d = new $.Deferred(); //do a bunch of stuff async data1 = {}; d.resolve(); } function second() { var d = new $.Deferred(); //do a bunch of stuff async data2 = {}; d.resolve(); } function constructData() { //do stuff with data1 and data2 } } 

答案是不立即调用构造数据

  $.when(first(), second()).done(constructData); 

Answer 1

你应该返回promise对象。 你在这一行中也有错误：

 $.when(first(), second()).done(constructData()); 

它应该是

 $.when(first(), second()).done(constructData); // don't call constructData immediately 

总而言之，它可能是：

 function run() { var data1 = {}; var data2 = {}; $.when(first(), second()).done(constructData); function first() { return $.Deferred(function() { // <-- see returning Deferred object var self = this; setTimeout(function() { // <-- example of some async operation data1 = {func: 'first', data: true}; self.resolve(); // <-- call resolve method once async is done }, 2000); }); } function second() { return $.Deferred(function() { var self = this; setTimeout(function() { data2 = {func: 'second', data: true}; self.resolve(); }, 3000); }); } function constructData() { //do stuff with data1 and data2 console.log(data1, data2); } } 

http://jsfiddle.net/FwXZC/

Answer 2

我认为你应该让first()和second()返回一个promise： return d.promise(); 。 来自文档 ：

如果将单个参数传递给jQuery.when并且它不是Deferred或Promise，则将其视为已解决的Deferred，并且将立即执行任何附加的doneCallbacks。

我怀疑这可能是为什么when调用过早调用constructData原因。

从您的代码中很难说，但确保在异步操作完成后调用d.resolve() 。

您可能会发现，显式设置data1和data2的更自然的方法是使用调用resolve时提供的数据。 这意味着你的通话时看起来像这样：

 $.when(first(), second()).done(function(result1, result2) { data1 = result1[0]; data2 = result2[0]; constructData(); }); 

请注意，提供给done方法的结果的确切格式取决于延迟对象的性质。 如果通过调用$.ajax返回promise，则结果应为[data, statusText, jqXhrObject] 。