<!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. BZOJ3261 最大异或和 解题报告(可持久化Trie树)

    本题链接:https://www.lydsy.com/JudgeOnline/problem.php?id=3261 题目描述 给定一个非负整数序列{a},初始长度为N. 有M个操作,有以下两种操作类 ...

  2. Laravel-自定全局函数

    Laravel-自定全局函数 标签(空格分隔): php 习惯了 使用 ThinkPHP 框架,有一个公共方法类在代码编写上会快捷很多,所以有必要在此进行配置一番. 实现 在 app 创建文件夹 He ...

  3. channels2.X 学习笔记

    - No module named 'asgiref.sync' 报错解决: # 报错原因: """ django版本过低, 卸载最新版本的 channels 使用2.x ...

  4. Spring深入浅出（二）IOC的单例 ，继承，依赖，JDBC，工厂模式以及自动装载

    IOC的单例模式--Bean Spring中的bean是根据scope来决定的. scope有4种类型: 1.singleton:单例模型,表示通过Spring容器获取的该对象是唯一的.常用并且默认. ...

  5. 使用regasm注册.net com组件出现不是有效的.net程序集的解决办法

    作者:朱金灿 来源:http://blog.csdn.net/clever101 在电脑上装有VS 2008和VS 2010.使用VS 2010编写了一个C# com组件:MyCom(基于.net f ...

  6. 加载等待loading

    自己写的一个小插件,还有很多需要完善... (function ($) {    $.fn.StartLoading = function (option) {        var defaultV ...

  7. POJ 3869 Headshot

    Headshot Time Limit: 1000ms Memory Limit: 65536KB This problem will be judged on PKU. Original ID: 3 ...

  8. WAS集群系列（5）：集群搭建：步骤3：安装IHS软件

    选择"安装IBM HTTPServer"选项,点击"安装向导".例如以下图提示: 安装提示,逐步点击"下一步",当中偶有几处细节注意就可以. ...

  9. hdu 1695 GCD （欧拉函数、容斥原理）

    GCD Time Limit: 6000/3000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total Submis ...

  10. caioj1442:第k小的数Ⅱ

    [传送门:caioj1442] 简要题意: 给出n个点,每个点都有一个权值,m个操作,操作有两种:第一种是询问l到r的第k小的值,然后输出这个值,第二种是将第x个点的值改为k 题解: 又是一道主席树的 ...