(1)闭包在定时函数中的应用
<script type="text/javascript">
function fa(a){var a;
setTimeout(function( ){alert(a)},3000);}
fa(5);
</script>
其实fa(5)调完后,var a就应该马上销毁,但因为有闭包,所以a的值得以留存,所以会在3秒后显示5。
这里要注意function( ){alert(a)}不需要带引号的,两种形式:
setTimeout(functionName,3000);} //函数名形式
setTimeout("functionName( )",3000);} //函数体形式
而function( ){alert(a)}就相当于函数名形式
functionName=function( ){alert(a)}
等价于
function functionName( ){
alert(a)
}
(2)闭包在ul li点击取索引中产生的问题
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
function bind( ){
var li = document.getElementsByTagName("li");
for (var i = 0, len = oa.length; i < len; i++) {
(function(key){
li[key].οnclick=function(){
alert(key+1); // li的索引从0起算
}
})( i ) //注意这里是不是i已经无所谓,也可以换成index,m,n或者其它什么参数都可以
}
}
bind( );
如果改成:
function bind( ){
var li = document.getElementsByTagName("li");
for (var i = 0, len = oa.length; i < len; i++) {
(function(index){
li[index].οnclick=function(){
alert(i+1);
}
})(index)
}
}
bind( ); //点击后,全部弹出4
//这里的结果是4,因为没有块级作用域,所以找i的时候,找最近的i,而最近的i就是for循环体里面的,这个时候已经i=4,千万不要认为var i=0就以为i在外部不可调,其实这里的i已经是一个全局变量。
而且每一次传进一次i后,又立马执行下一次函数,每次函数当前的i就销毁,所以内部已经注册好的,不会受到外界循环的影响。比如li[1].οnclick=function( ){alert(2)},这样完后外层的function又变成新的,所以当前的index=“1”销毁了,只会保存在闭包里,即alert(i+1)还能调用,其它地方就不行啦。
(3)没有块级作用域,只有函数作用域
for(i=0;i<3;i++){
}
alert(i) //结果为3
for(var i=0;i<3;i++){
}
alert(i) //结果也是3
=================================
var a=2;
if(true){
var a=10;
}
alert(a); 结果是10,这里就说明没有块级作用域。。。。。。。。if语句里定义的变量在全局都有效。。
(4)典型使用闭包的例子
function f( ){
var name="wang";
return function( ){
return name;
}
}
var a=f( )
alert(a( ));
典型使用闭包的状况。