jqueryのwhenとdoneの挙動

Question

以下のような形でwhenとdoneを使っています。

$(function(){
$.when(function(){
for(i=0; i>=5; i++){
色々処理
hoge[i] = 処理した値;
}
})
.done(function(){
$.ajax({
type: "get",
url: (test.php),
data: {"hoge" : hoge},
success: function(s){
document.write(s);
}
});
});
});

挙動として、whenが終わってからdoneが実行されると思っていたのですが、
「色々処理」の部分の動作が重いせいか、まったく動きません。

whenの部分でsetTimeoutを使って、処理が終わると思わしき時間待たせてからでないと、
リアルタイムで処理が終わってから動く、という挙動をさせることはできないのでしょうか？

ご教授いただければ幸いです。

Answer 1

質問の意図を汲み取れてないかもしれないのですが、
whenを使うときはDeferredとセットじゃないと動かないです。
次のようなソースであれば望んだ動作をすると思うのですが、いかがでしょう。
なお、setTimeoutは非同期感を出すために入れたダミーです。
最終的に色々処理が終わった後に$defer.resolve()してやることで
whenのdoneが実行されます。

var $defer = new $.Deferred();

$.when(
	$defer
).done(function(){
	console.log('done');
});

var func = function(){
	console.log('func実行');
	window.setTimeout(function(){
		console.log('色々処理');
		return $defer.resolve();
	}, 3000);
	return $defer.promise();
};

func();

ちなみに色々処理のところは非同期な処理($.ajaxなど)なんでしょうか。

Comments

[coinbura]

>whenを使うときはDeferredとセットじゃないと動かない
そうなんですね！
「$.ajaxや$.whenはDeferredインタフェースを備えている」との事なので、いらないと思っていました。
もう少し調べてみます。

「色々処理」は非同期な処理です。

[notable]

仰るように$.ajaxはDeferredインターフェースを備えていますが、
各$.ajaxがwhenにDeferredオブジェクトを返してあげる必要があります。
質問にあるfor文内の色々処理で$.ajaxを実行し、それら全てが完了したときを
whenに知らせるには、次のような書き方が出来ると思います。
試していないので違うところあるかもしれませんが…

var deferArr = [];
var hoge = [];
for(i=0; i>=5; i++){
// whenに渡す$.ajaxを配列に入れる
deferArr.push($.ajax({
// 色々処理

}).done(function(data){
hoge[i] = data;
}));
}

// 配列に入れた各$.ajaxをwhenに渡す
$.when.apply(null, deferArr).done(function(){
// すべて正常終了なら実行される
$.ajax({
type: "get",
url: (test.php),
data: {"hoge" : hoge},
success: function(s){
document.write(s);
}
});
});

[coinbura]

ありがとうございました。
返信が遅くなってしまい、すみませんm(__)m

教えていただいた方法を元に無事解決しました。
（なぜかdoneではできず、doneのところをsuccessに変更しました）

1ヶ月以上試行錯誤の末、本日やっと完成し、ただ今ちょっと興奮状態ですｗ

本当に感謝感謝です！！