jquery中done和then的區(qū)別(詳解)
jquery的deferred對象的done方法和then方法都能實(shí)現(xiàn)鏈?zhǔn)秸{(diào)用,但是他們的作用是有區(qū)別的,then方法中如果你傳遞的方法有返回值,那么他會傳遞給下一個鏈?zhǔn)秸{(diào)用的方法。而done方法與此相反,你傳遞的方法就算有返回值,done方法也不會把你的返回值傳給下一個鏈?zhǔn)秸{(diào)用的方法的,
話不多說,直接上實(shí)例:
var defer = jQuery.Deferred(); defer.done(function(a,b){ console.log("a = " + a+"b = " + b); return a * b; }).done(function( result ) { console.log("result = " + result); }).then(function( a, b ) { console.log("a = " + a+"b = " + b); return a * b; }).done(function( result ) { console.log("result = " + result); }).then(function( a, b ) { console.log("a = " + a+"b = " + b); return a * b; }).done(function( result ) { console.log("result = " + result); }); defer.resolve( 2, 3 );
輸出結(jié)果如下:
結(jié)果分析:
1、第一個done和第二個done都返回了defer.resolve( 2, 3 )
2、done中callback的返回值不會被傳遞
3、第二個done只有一個參數(shù),接收了defer.resolve( 2, 3 )的第一個參數(shù)2,所以result是2
4、第一個then接收defer.resolve( 2, 3 ),接收兩個參數(shù),result是6,同時新建一個deferred object,傳遞result給deferred object
5、第三個done接收到了這個新的deferred object和傳遞的result,打印結(jié)果是6,并把這個新的deferred object傳遞給第二個then
6、第二個then現(xiàn)在接收新的deferred object,它只有一個參數(shù),是result,所以參數(shù)b沒有定義,返回的結(jié)果是NaN,同時又新建一個deferred object
7、第四個done接收一個新建的deferred object,傳遞的參數(shù)是NaN,打印的結(jié)果自然就是NaN
以上這篇jquery中done和then的區(qū)別(詳解)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript 學(xué)習(xí)筆記之一jQuery寫法圖片等比縮放以及預(yù)加載
以前對于JavaScript總是在用到的時候在頁面上寫幾個函數(shù),基本沒考慮到函數(shù)的封裝與重用,最近有個項(xiàng)目可能對于這方面要求有點(diǎn)高,所以就研究了下類似jQuery的封裝2012-06-06解決jquery操作checkbox火狐下第二次無法勾選問題
在工作中使用jquery操作checkbox,進(jìn)行全選、反選,現(xiàn)在的問題是火狐下第二次無法勾選問題,在下面有個詳細(xì)的解答,感興趣的朋友可以參考下2014-02-02jquery隊(duì)列queue與原生模仿其實(shí)現(xiàn)方法分享
jquery中的queue和dequeue是一組很有用的方法,他們對于一系列需要按次序運(yùn)行的函數(shù)特別有用。特別animate動畫,ajax,以及timeout等需要一定時間的函數(shù)2014-03-03jQuery.form.js插件不能解決連接超時(timeout)的原因分析及解決方法
jQuery.form.js是一個form插件,支持ajax表單提交和ajax文件上傳。最近在使用jquery.form.js提交包含文件的表單時,當(dāng)碰上網(wǎng)速較慢時,而我們又設(shè)置了timeout時我們的頁面會死在這里,怎么回事呢,下面腳本之家小編給大家解答下2016-10-10