<!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. Linux系统下安装redis

    Linux 下安装 下载地址:http://redis.io/download,下载最新文档版本. 本教程使用的最新文档版本为 2.8.17,下载并安装: $ wget http://download ...

  2. 使用tinyxml2库解析xml

    tinyxml2简介 tinyxml2是c++编写的轻量级的xml解析器,而且是开放源代码的,在一些开源的游戏引擎中用的比较多.源码托管在github上. 源码地址:https://github.co ...

  3. .net Web获取域用户账号

    HttpContext.Current.Request.LogonUserIdentity.Name //可以获取出域账号 HttpContext.Current.Request.LogonUserI ...

  4. Hexo Next 调优

    Links对齐 编辑themes/next/source/css/_custom下的custom.styl,添加如下代码即可. .links-of-blogroll-title{ margin-lef ...

  5. Unity 调用 Android Native 方法(一) 获得Android系统音量

    学习雷锋,好榜样,接下来的这一系类教程里,将通过unity来实现Android端的一些常用功能, 不需要在 Asset/Plugins/Android 目录下引用jar包或者aar包,这是重点. us ...

  6. 【Codeforces Round #421 (Div. 2) A】Mister B and Book Reading

    [题目链接]:http://codeforces.com/contest/820/problem/A [题意] 每天看书能看v页; 且这个v每天能增加a; 但是v有上限v1; 然后每天还必须往回看t页 ...

  7. ios 文件上传， post数据

    转自:http://www.maxiaoguo.com/clothes/267.html 一.文件下载 获取资源文件大小有两张方式 1. HTTP HEAD方法 NSMutableURLRequest ...

  8. OpenGL编程逐步深入（三）在窗口中显示一个三角形

    这一节教程的内容会比较少,我们仅仅是对上一节教程中的代码进行扩展,在窗口中渲染一个三角形出来. 本节我们以下图所示正方形来讲解OpenGl中的坐标系统.当沿着Z轴负方向看时,可见顶点的坐标必须在这个正 ...

  9. spring 中国下载点

    http://repo.spring.io/libs-release-local/org/springframework/spring/ spring 中国下载点

  10. K-序列(埃森哲杯第十六届上海大学程序设计联赛春季赛暨上海高校金马五校赛)

    题目描述 给一个数组 a,长度为 n,若某个子序列中的和为 K 的倍数,那么这个序列被称为“K 序列”.现在要你 对数组 a 求出最长的子序列的长度,满足这个序列是 K 序列.  输入描述: 第一行为 ...