<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ϞҪ͢τյ</title> <script src="jquery-2.0.3.js"></script> <script> jQuery.extend({ Deferred : function(){}, when : function(){} }); $.Deferred(); -> $.Callbacks(); $.when(); ғԙהгˇܹԚܘַߪעքì(3043 , 3183) Deferred : ғԙהг : הӬҽքͳһڜm ------------------------------------------------------------------------- var cb = $.Callbacks(); setTimeout(function(){ alert(111); cb.fire(); },1000); cb.add(function(){ alert(222); }); //Јկ111 ՙկ222 Ӭҽ ------------------------------------------------------------------------ var dfd = $.Deferred(); setTimeout(function(){ alert(111); dfd.resolve();//`̆Ԛfire },1000); dfd.done(function(){//`̆Ԛadd alert(222); }); //Јկ111 ՙկ222 Ӭҽ ------------------------------------------------------- setTimeout(function(){ alert(111); },1000); alert(222);//Јկ111 ՙկ222 Ӭҽ ------------------------------------------------------- var dfd = $.Deferred(); setTimeout(function(){ alert(111); dfd.notify();//`̆Ԛfire },1000); dfd.progress(function(){//`̆Ԛadd alert(222); }); //Јկ111 ՙկ222 Ӭҽ $.ajax({ url : 'xxx.php', success : function(){ alert('ԉ٦'); }, error : function(){ alert('ʧќ'); } }); //$.ajaxŚ׃ғԙ٦Ŝ $.ajax('xxx.php').done(function(){ alert('ԉ٦'); }).fail(function(){ alert('ʧќ'); }); ------------------------------------------------------------- var dfd = $.Deferred(); setTimeout(function(){ //alert(111); //dfd.resolve(); dfd.reject();//`̆Ԛfire },1000); dfd.done(function(){//`̆Ԛadd alert('ԉ٦'); }).fail(function(){//`̆Ԛadd alert('ʧќ'); }); //Јկ111 ՙկ222 Ӭҽ ---------------------------------------------------------- var dfd = $.Deferred(); setInterval(function(){ alert(111); dfd.resolve();//ԉ٦הӦdone dfd.reject();//ʧќהӦfail dfd.notify()//אהӦprogressìѐאܡԐ͵ì̹ӔҪlѸԥע },1000); dfd.done(function(){ alert('ԉ٦'); }).fail(function(){ alert('ʧќ'); }).progress(function(){ alert('א'); }); ----------------------------------------------------------------------- $(function(){ var cb = $.Callbacks('memory'); cb.add(function(){ alert(1); }); cb.fire(); $('input').click(function(){ cb.add(function(){//ԐmemoryҢȒfireӑޭִѐڽһՎ,bִܴѐfire(), alert(2); }); }); ---------------------------------------------------- var dfd = $.Deferred(); setTimeout(function(){ alert(111); dfd.resolve(); },1000); dfd.done(function(){//ֈresolve()ִѐկԶaaa, alert('aaa'); }); $('input').click(function(){//֣ܷдťկԶbbb,{ԃքߍˇcallbackքmemory dfd.done(function(){ alert('bbb'); }); }); }); --------------------------------------------------------------- done fail progress resolve reject notify ------------------------------------------------------------------------ function aaa(){ var dfd = $.Deferred(); alert( dfd.state() ); setTimeout(function(){ dfd.resolve(); alert( dfd.state() ); },1000); return dfd.promise(); } var newDfd = aaa(); newDfd.done(function(){ alert('ԉ٦'); }).fail(function(){ alert('ʧќ'); }); newDfd.reject(); ----------------------------------------------------------------------- alert(i^1);//0^1=1 1^1=0 var dfd = $.Deferred(); setTimeout(function(){ //dfd.resolve(); dfd.reject('hi'); },1000); dfd.always(function(){ alert('hello'); }); dfd.then(function(){//ԉ٦ܘַ alert(1); },function(){//ʧќܘַ alert(arguments[0]); },function(){//ѐאܘַ alert(3); }); ---------------------------------------------------------------------- var dfd = $.Deferred(); setTimeout(function(){ dfd.resolve('hi'); },1000); var newDfd = dfd.pipe(function(){ return arguments[0] + 'Įζ'; }); newDfd.done(function(){ alert( arguments[0] ); }); </script> </head> <body> <input type="button" value="֣ܷ"> </body> </html>
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script src="jquery-2.0.3.js"></script> <script> var dfd = $.Deferred(); dfd.done();//完成触发成功的方法 未完成触发fail方法。 $.when().done();//when返回延迟对象，when可以对多个延迟对象做操作。 -------------------------------------------------------------------- function aaa(){ var dfd = $.Deferred(); dfd.resolve();//完成 dfd.reject(); return dfd; } function bbb(){ var dfd = $.Deferred(); //dfd.resolve(); dfd.reject();// return dfd; } aaa().done(function(){ alert('成功'); }); $.when( aaa() , bbb() ).done(function(){//aaa,bbb延迟对象都完成执行done，都失败走fail //aaa,bbb要返回~延迟对象 alert('成功'); }).fail(function(){ alert('失败'); }); $.when( ).done(function(){ alert('成功'); }); /*when的源码 return $.Deferred(); arguments[0] arguments[1] arguments[2] arguments[3] done() 计数器 ：４*/ function aaa(){ var dfd = $.Deferred(); dfd.resolve(); return dfd; } function bbb(){ var dfd = $.Deferred(); dfd.reject(); //return dfd; } $.when( 123 , 456 ).done(function(){ alert(arguments[0]); alert(arguments[1]); alert('成功'); }).fail(function(){ alert('失败'); }); $.when( aaa() , 111 , bbb() , 222 ).done(function(){ alert('成功'); }).fail(function(){ alert('失败'); }); </script> </head> <body> </body> </html>