jQeury中的deferred

Terry_Tai 發(fā)布于2019-08-20 18:19 / 587人閱讀

摘要：的介紹先看看下面的連接的進(jìn)一步探究看下面一個小輸出，為什么函數(shù)實際上是把回調(diào)函數(shù)加入隊列中而觸發(fā)這些回調(diào)函數(shù)隊列是函數(shù)。傳入函數(shù)的數(shù)據(jù)會被傳入回調(diào)函數(shù)中。

deferred的介紹

先看看下面的連接：http://www.cnblogs.com/147258...；

deferred的進(jìn)一步探究

看下面一個小demo:

var d = $.Deferred();
      d.then(function(val){
      console.log(val);
 }).then(function(val){console.log(val)});
d.resolve(22)；

輸出22 22，為什么？
then 函數(shù)實際上是把回調(diào)函數(shù)加入隊列中而觸發(fā)這些回調(diào)函數(shù)隊列是resolve 函數(shù)。傳入resolve函數(shù)的數(shù)據(jù)會被傳入回調(diào)函數(shù)中。所以這里打印出22 22
如果調(diào)換一下執(zhí)行順序呢？

var d = $.Deferred();

    d.resolve(22)

d.then(function(val){

  console.log(val);

}).then(function(val){console.log(val)});
//
這里依然打印了22，22.為什么先執(zhí)行的函數(shù) 后加入的隊列還是能夠執(zhí)行？
實際上是這樣不管是先執(zhí)行的then 函數(shù)后執(zhí)行的resolve 還是先resolve后執(zhí)行then
結(jié)果都是一樣的。
這是因為如果先執(zhí)行的resolve 后面一旦在隊列中加入函數(shù)就會立即執(zhí)行
再看一個案例：

var s = $.Deferred();

s.resolve("rir");
s.then(function(val){setTimeout(function(val){console.log(val+"3")}).then(function(val){console.log(val+"2")});

會先打印出rir2 然后打印出 rir3 即使是加入隊列也改變不了settimeout的異步性質(zhì)

GPU云服務(wù)器云服務(wù)器語言中的defer jQeury jqeury cdn deference

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/84329.html

相關(guān)文章

關(guān)于 jqeury easyui

摘要：當(dāng)一個嵌套在主頁面中時，用怎么去取到主頁面上的各種控件的值下拉控件取值修改的值下拉控件放值日期控件的取值在主頁面取嵌套的子頁面的值加前綴在瀏覽器中請求的數(shù)據(jù)能正確顯示出來，在中打開調(diào)試工具會報的錯誤，數(shù)據(jù)信息出不來原因是在解析額外參數(shù)的時候當(dāng)一個iframe嵌套在主頁面中時，用jquery怎么去取到主頁面上的各種控件的值？ $(#id,window.parent.document)....

mdluo 2019-08-29 14:07 評論0 收藏0
關(guān)于 jqeury easyui

摘要：當(dāng)一個嵌套在主頁面中時，用怎么去取到主頁面上的各種控件的值下拉控件取值修改的值下拉控件放值日期控件的取值在主頁面取嵌套的子頁面的值加前綴在瀏覽器中請求的數(shù)據(jù)能正確顯示出來，在中打開調(diào)試工具會報的錯誤，數(shù)據(jù)信息出不來原因是在解析額外參數(shù)的時候當(dāng)一個iframe嵌套在主頁面中時，用jquery怎么去取到主頁面上的各種控件的值？ $(#id,window.parent.document)....

FullStackDeveloper 2019-08-21 18:29 評論0 收藏0
Vuejs 實戰(zhàn)觀書有感 C1

摘要：還有一點比較重要的是，如何在快速迭代的軟件開發(fā)周期內(nèi)，去解放生產(chǎn)力。于是就會大量涌現(xiàn)很多優(yōu)秀的開源框架和擴(kuò)展庫，去解決現(xiàn)實生活中的實際問題。而這一切都是在朝著提高開發(fā)效率，降低維護(hù)成本而前進(jìn)。結(jié)合書中的觀點去總結(jié)和思考。關(guān)于 Vue.js showImg(https://segmentfault.com/img/bVbk73v?w=252&h=253); 簡單小巧的核心（代碼壓縮后大...

趙連江 2019-07-01 11:05 評論0 收藏0
Vuejs 實戰(zhàn)觀書有感 C1

摘要：還有一點比較重要的是，如何在快速迭代的軟件開發(fā)周期內(nèi)，去解放生產(chǎn)力。于是就會大量涌現(xiàn)很多優(yōu)秀的開源框架和擴(kuò)展庫，去解決現(xiàn)實生活中的實際問題。而這一切都是在朝著提高開發(fā)效率，降低維護(hù)成本而前進(jìn)。結(jié)合書中的觀點去總結(jié)和思考。關(guān)于 Vue.js showImg(https://segmentfault.com/img/bVbk73v?w=252&h=253); 簡單小巧的核心（代碼壓縮后大...

weapon 2019-08-23 14:06 評論0 收藏0
發(fā)現(xiàn)一個jQuery v1.11.1下操作checkbox狀態(tài)的bug

摘要：在調(diào)試使用操作的選中狀態(tài)切換的時候，發(fā)現(xiàn)了個復(fù)選框在被選中再取消選中一次后，無法再次通過重新選中了。如果發(fā)現(xiàn)不對，歡迎指正。但是使用直接操作每一個的屬性來設(shè)置，是可以正常的。在調(diào)試使用jQuery操作checkbox的選中狀態(tài)切換的時候，發(fā)現(xiàn)了個bug：checkbox復(fù)選框在被選中再取消選中一次后，無法再次通過jQuery重新選中了。如果發(fā)現(xiàn)不對，歡迎指正。如果知道怎么解決這個問...

AlphaWatch 2019-08-19 17:19 評論0 收藏0