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