<!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>

jquery--延迟对象的更多相关文章

  1. jquery源码解析：jQuery延迟对象Deferred（工具方法）详解2

    请接着上一课继续看. $.Deferred()方法中,有两个对象,一个是deferred对象,一个是promise对象. promise对象有以下几个方法:state,always,then,prom ...

  2. jquery源码解析：jQuery延迟对象Deferred（工具方法）详解1

    请先看上一课的回调对象.Deferred是通过extend添加到jQuery中的工具方法.如下所示: jQuery.extend({ Deferred: function( func ) { }, w ...

  3. jquery的2.0.3版本源码系列(7):3043行-3183行，deferred延迟对象，对异步的统一管理

    目录 part1 deferred延迟对象 part2  when辅助方法 网盘源代码 链接: https://pan.baidu.com/s/1skAj8Jj 密码: izta part1 defe ...

  4. jQuery源码02--(3043 , 3183) Deferred : 延迟对象 : 对异步的统一管理

    //延迟对象 jQuery.extend({ Deferred: function( func ) { var tuples = [//resolve完成.reject未完成.notify进行中类似于 ...

  5. jQuery的延迟对象（十一）

    在前端这个领域里面,ajax请求非常常见. // 前提引入jquery $.ajax({ type: 'get', url: '/path/to/data', success: function (r ...

  6. jQuery的延迟对象

    之前看别人的demo,发现在延迟对象被resolve时要执行的代码,有时会写在deferred.then方法里执行,有时会写在deferred.done方法里执行. 这让对延迟对象一知半解的我非常困惑 ...

  7. JavaScript学习笔记(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例

    一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效 ...

  8. JavaScript学习总结(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例

    一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效 ...

  9. 延迟对象$q和供应商配置config

    1.angular总的$q和jquery中的延迟对象很类似,用法也差不多 m1.controller('meng',['$scope','$q',function($scope,$q){ var df ...

  10. JS搞基指南----延迟对象入门提高资料整理

    JavaScript的Deferred是比较高大上的东西,  主要的应用还是主ajax的应用,  因为JS和nodeJS这几年的普及,  前端的代码越来越多,  各种回调套回调再套回调实在太让人崩溃, ...

随机推荐

  1. Mysql-in查询问题

    Mysql-in查询问题 标签(空格分隔): mysql 问题:mysql用in语法查询出来的数据少了好多! 我的实际情况: 数据表: content字段记录着一些选项的id,多个选项用逗号隔开,比如 ...

  2. 将ubuntu安装在用剩下的硬盘改装成的移动硬盘时遇到的问题及解决办法

    安装时分完盘后提示:“分配到/的分区开始于3584字节,使用磁盘的最小对齐,这可能造成非常差的性能..." 解决办法: 回到windows使用分区助手等工具先分好盘而不是在安装时分盘(这样分 ...

  3. 织梦CMS调用文章第一张图片（非缩略图）终极方法

    之前,网上流传了很多在织梦CMS中调用第一张图片的方法,但大体都一样.即删除缩略图字符串,并添加后缀.然而这种方法仅限于jpg图片或其他单独图片类的调用.如果一个站有png.JPG.gif等多种格式. ...

  4. cuda thrust函数首次调用耗费时间比后续调用长原因

    lazy context initialisation. stackoverflow

  5. nil gogo

    https://blog.csdn.net/zhonggaorong/article/details/50233421 https://github.com/KevinHM/FunctionalRea ...

  6. CF981C（菊花图）

    题目描述 RAMESS知道很多关于树的问题(无循环的无向连通图)! 他创建了一个新的有用的树的划分,但他不知道如何构造它,所以他请求你的帮助! 划分是从树上的边中分裂出一些简单的路径,使得每个两条路径 ...

  7. 四舍五入VS银行家舍入法

    在学习python的时候,遇见了一个颠覆了我传统观念的四舍五入. 看下面,round()的结果和我们以前根深蒂固的四舍五入是不同的. >>> round(0.5) 0 >> ...

  8. 打包maven项目

    使用插件maven-jar-plugin打包自己的项目,为了打包后点击jar文件可以直接运行,需要指定入口类和classpath.使用maven-dependency-plugin插件打包项目的依赖& ...

  9. 【Codeforces Round #420 (Div. 2) A】Okabe and Future Gadget Laboratory

    [题目链接]:http://codeforces.com/contest/821/problem/A [题意] 给你一个n*n的数组; 然后问你,是不是每个位置(x,y); 都能找到一个同一行的元素q ...

  10. centos同步网络北京时间

    sudo yum -y install ntpdate ntp sudo ntpdate time.windows.com sudo hwclock -w