今天看到js的闭包那一章,被例子搞的头大:
首先是关于闭包中的自由变量:
var result=[];
function foo(){
var i= 0;
for (;i<3;i=i+1){
result[i]=function(){
alert(i)
}
}
};
foo();
result[0](); // 3
result[1](); // 3
result[2](); // 3
这段代码中,程序员希望foo函数中的变量i被内部循环的函数使用,并且能分别获得他们的索引,而实际上,只能获得该变量最后保留的值,也就是说.闭包中所记录的自由变量,只是对这个变量的一个引用,而非变量的值,当这个变量被改变了,闭包里获取到的变量值,也会被改变.
解决的方法之一,是让内部函数在循环创建的时候立即执行,并且捕捉当前的索引值,然后记录在自己的一个本地变量里.然后利用返回函数的方法,重写内部函数,让下一次调用的时候,返回本地变量的值,改进后的代码:
var result=[];
function foo(){
var i= 0;
for (;i<3;i=i+1){
result[i]=(function(j){
return function(){
alert(j);
};
})(i);
}
};
foo();
result[0](); // 0
result[1](); // 1
result[2](); // 2
以上代码用到了匿名函数立即执行
var fnName=function(){
alert('Hello World');
}();//数表达式后面加括号,当javascript引擎解析到此处时能立即调用函数
其中f(num){}(i);表示将外部变量i 赋值给num而不用担心i在内部只是一个指针的问题
接着是7.2.2的例子:
var name = "The window";
var object = {
name: "My Object";
getNameFunc: function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()()); //输出结果为The window
以上代码中getNameFunc函数内返回了一个匿名函数,js的匿名函数this始终指向window,理解了这点就可以知道为什么最终结果为The window了