javascript学习笔记五:javascript中的回调函数
来源:互联网 发布:万能五笔有mac版吗 编辑:程序博客网 时间:2024/04/30 06:13
18.javascript中的回调模式:
我们不能直接在findNodes中对查询到的节点进行隐藏(这样检索就可修改逻辑耦合了),那么他就不再是一个通用函数了。
解决方法是用回调模式,可以将节点隐藏逻辑以回调函数方式传递给findNodes()并委托其执行
findNodes(hide);//先执行findNodes然后执行hide,当然回调函数也可以在调用主函数时创建:findNodes(function(node){node.style.display = 'none';});
形如:
function writeCode(callback){//执行一些事物,callback();//...}function intrduceBugs(){//....引入漏洞}writeCode(intrduceBugs);我们传递函数的应用给writeCode(),让writeCode在适当的时候来执行它(返回以后调用)先看一个不怎么好的例子(后续要对其重构):
//模拟查找页面中的dom节点,将查找到的节点存在数组里面统一返回//此函数只用于查找不对dom节点做任何的逻辑处理var findNodes = function(){var i = 100000;//大量的循环,var nodes = [];//用于存储找到的dom节点var found;while(i){i -=1;nodes.push(found);}return nodes;}//将查找找到的dom节点全部隐藏var hide = function(nodes){var i = 0,max = nodes.lenght;for(;i<max;i++){nodes[i].style.display = 'none';}}//执行函数hide(findNodes());//findNodes后面有括号代表立即执行,先执行findNodes()然后执行hide()上面的方法是低效的,以为hide()必须再次遍历有findNodes()返回的数组节点,如何避免这种多余的循环呢。
我们不能直接在findNodes中对查询到的节点进行隐藏(这样检索就可修改逻辑耦合了),那么他就不再是一个通用函数了。
解决方法是用回调模式,可以将节点隐藏逻辑以回调函数方式传递给findNodes()并委托其执行
//重构findNodes以接受一个回调函数 var findNodes = fucntion(callback){var i = 100000,nodes = [],found;//检查回调函数是否可用调用的if(typeof callback !== 'function'){callback = false;}while(i){i -= 1;if(callback){callback(found);}nodes.push(found);}return nodes; } //回调函数 var hide = function(node){ node.style.display = 'none'; } //找到后续节点并在后续执行中对其进行隐藏
findNodes(hide);//先执行findNodes然后执行hide,当然回调函数也可以在调用主函数时创建:findNodes(function(node){node.style.display = 'none';});
2 0
- javascript学习笔记五:javascript中的回调函数
- Javascript中的回调函数
- Javascript 中的回调函数
- Javascript中的回调函数
- javascript中的回调函数
- JavaScript中的回调函数
- javascript中的回调函数
- javascript 学习笔记(一):回调函数实例
- 关于javascript中的回调函数
- java和javascript中的回调函数
- 关于javascript中的回调函数
- 关于javascript中的回调函数
- 理解javascript中的回调函数(callback)
- javascript中的回调函数【理解记忆】
- JavaScript中的回调函数初探
- 理解javascript中的回调函数(callback)
- javascript回调函数
- javascript 回调函数
- mysql数据库备份脚本
- 如何成为兼具创意和说服力的好架构师?
- AE开发 遇到未能加载文件或程序集的问题 FileNotFoundException
- Remove Old Kernels In Ubuntu With One Command
- appStore上传苹果应用程序软件发布流程
- javascript学习笔记五:javascript中的回调函数
- libQtCore.so: undefined reference to `clock_gettime'
- poj2239(二分图)
- Android Application的作用
- CvMat Mat IplImage 之间相互转化
- smart210 的Android源码编译
- web知识笔记:select 传值与赋值
- 将Python程序打包成可执行文件
- Java 多态与父类的设计相关