javascript学习笔记五:javascript中的回调函数

18.javascript中的回调模式:

    形如:

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‘;});

javascript学习笔记五:javascript中的回调函数,布布扣,bubuko.com

javascript学习笔记五:javascript中的回调函数

上一篇:中文版kendoUI API — Grid(一)


下一篇:Linux文件和windows文件在 换行符的区别