jQuery之回调对象

1.  jQuery 1.7 版本中新增的 jQuery.Callbacks() 函数返回一个全能的对象,此对象对管理回调列表提供了强大的方式。它能够增加、删除、触发、禁用回调函数。

2.  callbacks.add()方法:回调列表中添加一个回调或回调集合。如下代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
    </head>
    <body>

    </body>

    <script type="text/javascript">
        $(function(){
            var test1 = function(value){
                console.info(value+"  test1");
            }

            var test2 = function(value){
                console.info(value+"  test2");
            }

            var callbacks = $.Callbacks();

            //添加方法test1
            callbacks.add(test1);

            //添加方法test2
            callbacks.add(test2);

            //传入指定参数并调用所有回调,这里必须带参数,要不然就会显示undefined
            callbacks.fire("这是");
            callbacks.fire("");
            callbacks.fire();
        });
    </script>
</html>

     代码效果展示:

3.  callbacks.disable()方法:禁用回调列表中的回调,禁用之后使用callbacks.fire()方法就没有效果了,不会输出结果。

4.  callbacks.disabled()方法:确认回调列表是否已被禁用。这时候可以返回一个boolean类型的值,如果禁用就返回true,否则返回false。

5.  callbacks.empty()方法:从回调列表中删除所有回调。这时候之前添加的回调都没有了。

6.  callbacks.fire()方法:传入指定的参数并调用所有回调。这里前面有例子。

7.  callbacks.fireWith([context ] [, args ])方法:访问给定的上下文和参数列表中的所有回调。如果方法有多个参数,那个参数个数少于这些参数的回调就会从前往后的获取参数的值。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
    </head>
    <body>

    </body>

    <script type="text/javascript">
        $(function(){
            var test1 = function(value1,value2){
                console.info(value1+value2+"  test1");
            }

            var test2 = function(value){
                console.info(value+"  test2");
            }

            var callbacks = $.Callbacks();

            //添加方法test1
            callbacks.add(test1);

            //添加方法test2
            callbacks.add(test2);

            callbacks.fireWith(window,["这个","就是"]);

        });
    </script>
</html>

8.  callbacks.fired()方法:确认回调是否至少已经调用一次。如果最少调用了一次,那么就会返回true,否则就是返回false。

9.  callbacks.has()方法:确认回调列表中是否提供一个回调。

10.  callbacks.lock()方法:锁定回调列表的当前状态。

11.  callbacks.locked()方法:确定回调列表是否已被锁定。

12.    callbacks.remove()方法:从回调列表中的删除一个回调或回调集合。

13.    jQuery.Callbacks()方法:一个多用途的回调列表对象,提供了强大的的方式来管理回调函数列表。

时间: 2024-10-16 06:49:02

jQuery之回调对象的相关文章

jquery的回调对象Callbacks详解

Callbacks : 对函数的统一管理 Callbacks的options参数接受4个属性,分别是once : 只执行一次momery : 记忆stopOnFalse : 强制退出循环unique : 唯一 暂时先不管4个属性有什么意思,我们看代码开始部分对options做了处理,如果options是字符串则调用createOptions方法转成json比如:var cb = $.Callbacks('once momery');转换为:{once:true,momery:true}这里就不贴

jQuery的回调对象Callbacks分析

Callbacks在jQuery中的地位是Deferred的基础,当然,也对外公开其方法. Callbacks对象是统一管理多个函数的利器.其核心是参数options中的几个状态码的任意组合,非常灵活. 先来看看options once: 只触发一次回调 memory: 如果是触发后状态,add后立即触发 unique: 添加相同回到函数,只触发其中一个 stopOnFalse: 回调中遇到return false, 后面都不执行. 首先是: list = [] 我们的工作就是在维护这个list

jquery源码分析(四)——回调对象 Callbacks

借用百度百科来说明下回调函数: 回调函数就是一个通过函数指针调用的函数.如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用来调用其所指向的函数时,我们就说这是回调函数.回调函数不是由该函数的实现方直接调用,而是在特定的事件或条件发生时由另外的一方调用的,用于对该事件或条件进行响应. jQuery回调对象实现恰好利用了设计模式中的观察者模式思想,观察者模式 (pub/sub) 的背后,总的想法是在应用程序中增强松耦合性.并非是在其它对象的方法上的单个对象调用.一个对象作为特定任务或

jQuery的异步回调对象Deffered分析

先来思考一个问题:一个需要耗时很长的操作比如setTimeout, ajax请求等,我们需要在延时操作后执行一个函数done. 比如: var wait = function(){ var tasks = function(){ alert("执行完毕!"); }; setTimeout(tasks,5000); }; 在wait执行完毕后,再执行done或者fail函数. 怎么做?当然,你可以在tasks函数中执行done() 或者 fail() ,但是不够优雅的实现.如果加入异步队

jQuery源码笔记——回调对象

回调对象是一个多用途的回调列表对象,提供了强大的的方式来管理回调函数列表. 最简单的缓存对象 function Callbacks(){ var list = [], self = { add: function(fn){ list.push(fn); }, remove: function(fn){ var index; if((index = list.indexOf(fn)) > -1){ list.splice( index, 1 ); } }, fire: function(value

jquery的Deferred 对象初体验

之前阅读了阮一峰老师的jQuery的deferred对象详解一文,结合jquery手册,算是对Deferred对象有了初步的认知.今天便来分享一下我自己的一些体会. 一.deferred可以方便的添加回调 先来看下面的例子 1 var test = function(callback) { 2 setTimeout(function() { 3 console.log('我完成了'); 4 callback('我是回调') 5 }, 1000) 6 }; 7 test(function(text

【转载】学习资料存档:jQuery的deferred对象详解

我在以前的文章里提到promise和deferred,这两个东西其实是对回调函数的一种写法,javascript的难点之一是回调函数,但是我们要写出优秀的javascript代码又不得不灵活运用回调函数,大型javascript代码里都会大量运用回调函数,大量的标准回调函数写法的坏处就是使得代码的阅读性和可维护性降低,因此出现了promise模式和大量deferred库,jQuery很优秀,但是jQuery早期的版本对优雅回调写法的支持远远不够,直到jQuery1.5引入了deferred后,这

jQuery的deferred对象详解

jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本. 每个版本都会引入一些新功能.今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象. 这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax.为了实现它,jQuery的全部ajax代码都被改写了.但是,它比较抽象,初学者很难掌握,网上的教程也不多.所以,我把自己的学习笔记整理出来了,希望对大家有用. 本文不是初级教程,针对的读者是那些已经具备

jQuery的deferred对象

今天学习jQuery API的时候看到deferred部分,以前也没有接触使用过,看的毫无头绪,于是找资料学习了一番. deferred对象代表了将要完成的某种操作,并提供了一些方法,帮助用户使用.它是jQuery对Promises接口的实现.由于JavaScript单线程的特点,如果某个操作耗时很长,其他操作就必需排队等待.为了避免整个程序失去响应,通常的解决方法是将那些排在后面的操作,写成“回调函数”(callback)的形式.这样做虽然可以解决问题,但是有一些显著缺点: 回调函数往往写成函