カテゴリ
検索
最新のコメント
最新のトラックバック
以前の記事
2023年 11月 2023年 10月 2023年 03月 2023年 02月 2023年 01月 2022年 12月 2022年 11月 2022年 10月 2022年 09月 2022年 08月 2022年 07月 2022年 06月 2022年 05月 2022年 04月 2022年 03月 2022年 02月 2022年 01月 2021年 12月 2021年 11月 2021年 10月 2021年 09月 2021年 08月 2021年 07月 2021年 06月 2021年 05月 2021年 04月 2021年 03月 2021年 02月 2021年 01月 2020年 12月 2020年 11月 2020年 10月 2020年 09月 2020年 08月 2020年 07月 2020年 06月 2020年 04月 2020年 03月 2020年 02月 2020年 01月 2019年 12月 2019年 11月 2019年 10月 2019年 09月 2019年 08月 2019年 07月 2019年 06月 2019年 05月 2019年 04月 2019年 03月 2019年 02月 2019年 01月 2018年 12月 2018年 11月 2018年 10月 2018年 09月 2018年 08月 2018年 07月 2018年 06月 2018年 05月 2018年 04月 2018年 03月 2018年 02月 2018年 01月 2017年 12月 2017年 11月 2017年 10月 2017年 09月 2017年 08月 2017年 07月 2017年 06月 2017年 05月 2017年 04月 2017年 03月 2017年 02月 2017年 01月 2016年 12月 2016年 11月 2016年 10月 2016年 09月 2016年 08月 2016年 07月 2016年 06月 2016年 05月 2016年 04月 2016年 03月 2016年 02月 2016年 01月 2015年 12月 2015年 11月 2015年 10月 2015年 09月 2015年 08月 2015年 07月 2015年 06月 2015年 05月 2015年 04月 2015年 03月 2015年 02月 2015年 01月 2014年 12月 2014年 11月 2014年 10月 2014年 09月 2014年 08月 2014年 07月 2014年 06月 2014年 05月 2014年 04月 2014年 03月 2014年 02月 2014年 01月 2013年 12月 2013年 11月 2013年 10月 2013年 09月 2013年 08月 2013年 07月 2013年 06月 2013年 05月 2013年 04月 2013年 03月 2013年 02月 2013年 01月 2012年 12月 2012年 11月 2012年 10月 2012年 09月 2012年 08月 2012年 07月 2012年 06月 2012年 05月 2012年 04月 2012年 03月 2012年 02月 2012年 01月 2011年 12月 2011年 11月 2011年 10月 2011年 09月 2011年 08月 2011年 07月 2011年 06月 2011年 05月 2011年 04月 2011年 03月 2011年 02月 2011年 01月 2010年 12月 2010年 11月 2010年 10月 2010年 09月 2010年 08月 2010年 07月 2010年 06月 2010年 05月 2010年 04月 2010年 03月 2010年 02月 2010年 01月 2009年 12月 2009年 11月 2009年 10月 2009年 09月 2009年 08月 2009年 07月 2009年 06月 2009年 05月 2009年 04月 2009年 03月 2009年 02月 2009年 01月 2008年 12月 2008年 11月 2008年 10月 2008年 09月 2008年 08月 2008年 07月 2008年 06月 2008年 05月 2008年 04月 2008年 03月 2008年 02月 2008年 01月 2007年 12月 2007年 11月 2007年 10月 2007年 09月 2007年 08月 2007年 07月 2007年 06月 2007年 05月 2007年 04月 2007年 03月 2007年 02月 2007年 01月 2006年 12月 2006年 11月 2006年 10月 2006年 09月 2006年 08月 2006年 07月 2006年 06月 2006年 05月 2006年 04月 2006年 03月 2006年 02月 2006年 01月 2005年 12月 2005年 11月 2005年 10月 2005年 09月 2005年 08月 2005年 07月 2005年 06月 2005年 05月 2005年 04月 2005年 03月 2005年 02月 ファン
記事ランキング
ブログジャンル
画像一覧
|
JQuery Deferred についての、自分用のまとめです。
Deferred のAPIでは、色々な省略形が使えるおかげで、かえって何が起きているのか分かりにくく、更に、JQ 1.8で大きく仕様が変った為、ネットで調べていてかなり理解するのに苦労しました。 まず、 var d = $.Deferred();について。JQ 1.7以前では、d === p1 ですが、JQ 1.8 以降では d !== p1 です。p1 は、Deferred ではなく Promise ですし、また、p1 !== d.promise() です。p1 は、then() の中で新しく作られる Deferredの Promiseになっています。JQ 1.7以前で var d = $.Deferred();とやっていたのと同じ事をJQ 1.8以降でやりたければ、 var d = $.Deferred();とする必要があります(並列つなぎと呼ぶことにします)。こうすれば、d.resolve() したとき、登録した順に f,g,h が呼ばれます。(then() の代わりに、done() を使う場合はd.done(f).done(g).done(h) の書き方でも同じです。ややこしいので、補足として最後に書きます)。 以下は、JQ 1.8以降についてです。then() を使う時の省略無しの書き方は、 var d = $.Deferred();です。引数 doneFilter1 は、 var d2; // 説明の都合上 doneFilter1 の外に置くと言うふうに、doneFilter1 内部で自分で新しく作った Deferred か、その Promise を返すのが省略なしの基本の書き方です。failFilter1, progressFilter1 も同様です。 上の p1 (d2 ではないことに注意) に新しい then をぶら下げた場合(直列つなぎ)を考えます: var d = $.Deferred();これに続いて、d が resolve された場合 doneFilter1 の処理のあと、doneFilter2 の実行はブロックされます。そして、doneFilter2 は、doneFilter1 の中で作った d2 が resolve したときに初めて処理されます。又、d2 が reject された場合には、failFilter2 の方に処理が渡ります。 逆に、もし、dがreject されて、failFilter1 が処理されたあと、その中で作った Deferred が resolve した場合には、failFilter2 ではなく、doneFilter2 の方に復帰します。 ここまでが省略なしの基本的な動きです。省略形で、doneFilter1 が Deferred でも、Promise でもない何か(X とします)を返すか、return も書かない(undefined を返す)場合には、doneFilter1 の最後でJQが勝手にこっそりと新しい Deferred を作って、その Promise を doneFilter1 が返したことにし、同時に、resolve も行なってくれます。その時の resolve の引数が X になっているおかげで、doneFilter1 が終った直後に、X を引数としてdoneFilter2 に処理が引き継がれるのです。 同様に、failFilter1 が Deferred でも、Promise でもない何かを返す時には、failFilter1の最後でJQがこっそりDeferred を作るとともに、それに対して reject まで行なってくれるので、failFilter1直後にfailFilter2に処理が引き継がれます。 最後に、直列つなぎと並列つなぎが混ざった場合です。 /* ドキュメントには書かれてないようですが、試してみた所、まず、直列つなぎで行ける所まで行って、そのあと並列つなぎの方に処理が渡されるようです。つまり、d が resolve したときの動作は、doneFilter1 の内容によって、次のようになります。 // doneFilter1 -> doneFilter2 -> doneFilter1a --- 補足 ここまで、Deferred.then(d,f,p) について書いてきましたが、Deferred.done(doneCallbacks), Deferred.fail(failCallbacks), Deferred.progress(progressCallbacks) は、then() とは異なる仕様になっているようです。 var d = $.Deferred();とした場合、JQ 1.8以降でも、d === d1 となります (JQ 1.10.1でしか確認してません)。fail(), progress() も同様です。従って、$.Deferred().done(doneCallbacks) は、$.Deferred().then(doneCallbacks) とは、全く意味が異なります。 done() の引数に渡す関数の方は返り値に意味はないと思います。ドキュメントにも何も書かれていません。一方、then() の引数に渡す関数の返り値は、上に書いたように色々な意味を持っています。
by bun_ysmc
| 2013-12-08 21:05
| コンピューター
|
Comments(0)
|
ファン申請 |
||