jQuery.Callbacks之demo

本文介绍jQuery 1.7版本引入的Callbacks对象,演示了如何利用该对象实现函数队列的管理,包括添加、移除、触发等操作。并介绍了once、memory、unique、stopOnFalse等选项的具体应用。

  jQuery.Callbacks是jquery在1.7版本之后加入的,是从1.6版中的_Deferred对象中抽离的,主要用来进行函数队列的add、remove、fire、lock等操作,并提供once、memory、unique、stopOnFalse四个option进行一些特殊的控制,这是jquery的官方文档:http://api.jquery.com/jQuery.Callbacks/

  这个函数常见的应用场景是事件触发机制,也就是设计模式中的观察者(发布、订阅机制),目前Callbacks对象用于queue、ajax、Deferred对象中,这篇文章主要是一些简单的demo:

  1、不传入任何参数,调用add的时候将函数add到内部的list中,调用fire的时候顺序触发list中的回调函数

复制代码
function fn1(val){
    console.log('fn1 says:' + val);
}
function fn2(val){
    console.log('fn2 says ' + val);
}
var cbs = $.Callbacks();
cbs.add(fn1);
//fn1 says:foo
cbs.fire('foo');
cbs.add(fn2);
//fn1 says:bar
//fn2 says bar
cbs.fire('bar');
复制代码

  2、构造函数传入once,回调函数列表只被fire一次

复制代码
function fn1(val){
    console.log('fn1 says ' + val);
}
var cbs = $.Callbacks('once');
cbs.add(fn1);
//fn1 says foo 
cbs.fire('foo');
cbs.fire('foo');
复制代码

  3、构造函数传入memory,这个选项刚开始接触时有点费解,下面拿个具体例子说明一下

复制代码
function fn1(val){
    console.log('fn1 says ' + val);
}
function fn2(val){
    console.log('fn2 says ' + val);
}
var cbs = $.Callbacks('memory');
cbs.add(fn1);
//第一次fire会缓存传入的参数
//fn1 says foo cbs.fire(
'foo');
//fire过一次之后,以后的add都会自动调用fire,传入的参数是上次fire传入的'foo'
//fn2 says foo cbs.add(fn2);
//此次fire的参数新传入的'bar'
//fn1 says bar
//fn2 says bar cbs.fire(
'bar');
复制代码

   4、构造函数传入unique,保证在add过程中没有重复的函数

复制代码
function fn1(val){
    console.log('fn1 says ' + val);
}
var cbs = $.Callbacks('unique');
cbs.add(fn1);
cbs.add(fn1);
//虽然添加了两次,但因为有unique这个选项,所以只会有一次输出
//fn1 says foo 
cbs.fire('foo');
复制代码

  5、构造函数传入stopOnFalse,当顺序调用函数列表的时候,如果某一个函数的返回值为false,则break

复制代码
function fn1(val){
    console.log('fn1 says ' + val);
}
function fn2(val){
    console.log('fn2 says ' + val);
    return false;
}
function fn3(val){
    console.log('fn3 says ' + val);
}
var cbs = $.Callbacks('stopOnFalse');
cbs.add(fn1);
cbs.add(fn2);
cbs.add(fn3);
//虽然add了三个函数,但是因为fn2的返回值是false,所以不会执行fn3这个函数
//fn1 says foo
//fn2 says foo
cbs.fire('foo');
复制代码

  上面是一些单选项的demo,下面来看几个复合选项的例子

  6、once、memory的组合,这个也是jquery中Deferred对象初始化大部分Callbacks对象的参数(为什么Deferred会用这对组合呢?因为这个对象只能resolve或者reject一次,改变为成功或者失败的状态之后不能再次改变,所以不能再次显示调用fire,而只能通过add的方式继续)

复制代码
function fn1(val){
    console.log('fn1 says ' + val);
}
function fn2(val){
    console.log('fn2 says ' + val);
}
var cbs = $.Callbacks('once memory');
cbs.add(fn1);
//fn1 says foo 
cbs.fire('foo');
//因为memory的缘故,此次add自动fire,并且因为once和memory的共同原因,每次执行完之后函数队列都自动清空,所以这次只执行fn2,不执行fn1
//fn2 says foo 
cbs.add(fn2)
//因为once的缘故,显示调用fire也不会执行,如果还想fire,则只能add
cbs.fire('bar');
复制代码

  7、memory stopOnFalse的组合

复制代码
function fn1(val){
    console.log('fn1 says ' + val);
}
function fn2(val){
    console.log('fn2 says ' + val);
    return false;
}
function fn3(val){
    console.log('fn3 says ' + val);
}
var cbs = $.Callbacks('stopOnFalse memory');
cbs.add(fn1);
cbs.add(fn2);
cbs.add(fn3);
//因为stopOnFalse的缘故,这里执行fn2后的返回值是false,所以不会执行fn3
//fn1 says foo 
//fn2 says foo 
cbs.fire('foo');
cbs.add(fn2);
cbs.add(fn3);
//这里其实内部的函数队列是[fn1, fn2, fn3, fn2, fn3],但因为执行第一个fn2的返回值是false,所以[fn1, fn2, fn3, fn2, fn3]中标红的函数不会执行
//fn1 says bar
//fn2 says bar
cbs.fire('bar');
复制代码

  这篇文章主要是几个option的应用,下次会先对源代码进行解读,然后针对源代码设计几个更高级的应用,敬请期待

内容概要:本文系统介绍了算术优化算法(AOA)的基本原理、核心思想及Python实现方法,并通过图像分割的实际案例展示了其应用价值。AOA是一种基于种群的元启发式算法,其核心思想来源于四则运算,利用乘除运算进行全局勘探,加减运算进行局部开发,通过数学优化器加速函数(MOA)和数学优化概率(MOP)动态控制搜索过程,在全局探索与局部开发之间实现平衡。文章详细解析了算法的初始化、勘探与开发阶段的更新策略,并提供了整的Python代码实现,结合Rastrigin函数进行测试验证。进一步地,以Flask框架搭建前后端分离系统,将AOA应用于图像分割任务,展示了其在实际工程中的可行性与高效性。最后,通过收敛速度、寻优精度等指标评估算法性能,并提出自适应参数调整、模型优化和并行计算等改进策略。; 适合人群:具备一定Python编程基础和优化算法基础知识的高校学生、科研人员及工程技术人员,尤其适合从事人工智能、图像处理、智能优化等领域的从业者;; 使用场景及目标:①理解元启发式算法的设计思想与实现机制;②掌握AOA在函数优化、图像分割等实际问题中的建模与求解方法;③学习如何将优化算法集成到Web系统中实现工程化应用;④为算法性能评估与改进提供实践参考; 阅读建议:建议读者结合代码逐行调试,深入理解算法流程中MOA与MOP的作用机制,尝试在不同测试函数上运行算法以观察性能差异,并可进一步扩展图像分割模块,引入更复杂的预处理或后处理技术以提升分割效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值