js闭包实例汇总
Js闭包
闭包前要了解的知识
1.函数作用域
(1).Js语言特殊之处在于函数内部可以直接读取全局变量
<scripttype="text/javascript">
varn=100;
functionparent(){
alert(n);
}
parent();//100
</script>
如果在php里
<?php
$n=100;
functionparent(){
echo$n;
}
parent();//会报错n未定义
?>
(2).在函数外部无法读取函数内的局部变量
<scripttype="text/javascript">
functionparent(){
varm=50;
}
parent();
alert(m);//报错m未定义
</script>
注意函数内部声明变量时一定要加var,否则就声明了一个全局变量
functionparent(){
m=50;
}
parent();
alert(m);//50
//当然在php里更是如此了，
<?php
functionparent(){
global$m;//全局，定义与赋值要分开
$m=50;
}
parent();
echo$m;//50
?>
//没global的话，一样会报没定义的错误
有时，需要得到函数内部的的局部变量，就需要变通的方法实现利用js变量作用域的特点，如在函数内部定义子函数，对于子函数来说，父函数就是它的全局，子函数可以访问父函数里的变量(对于整个js代码来说又是局部变量)
<scripttype="text/javascript">
functionparent(){
varm=50;
functionson(){
alert(m);
}
returnson;
}
vars=parent();//将结果保存在全局里
s();//50
</script>
Parent内部所有局部变量对其子函数来说都是可见的,但其子函数内的局部变量对其父函数是不可见的，这就是js特有的链式作用域结构,子对象会一级一级地向上查找所有父对象的变量,父对象的所有变量对子对象都是可见的，反之不成立！上面的son函数就是闭包
有些同学可能这样
functionparent(){
varm=50;
functionson(){
alert(m);
}
}
parent();
son()//会报函数son未定义
注意在javascript里，在函数里声明的函数都是局部的，函数运行完后就释放了
注意这点与php的区别
<?php
functionparent(){
functionson(){
$m=50;
echo$m;
}
}
parent();
son();//输出50不会报错
?>
闭包
函数内部定义函数，连接函数内部和外部的桥梁
闭包的作用有2个:
一是前面提到的读取函数内部的变量，
二是让这些变量的值保存在内存中，实现数据共享
下面是几个闭包的例子
<scripttype="text/javascript">
varcnt=(function(){
vari=0;
returnfunction(){
alert(i);
i++;
}
})();
cnt();//0
cnt();//1
cnt();//2
cnt();//3
</script>