js闭包与变量
16lz
2021-01-22
function a(){
var result = new Array;
for(var i=0;i<10;i++){
result[i] = function(){
return i;
}
}
return result;
}
//都是输出10
alert(a()[0]());
注意这里的调用,a()调用返回的是一个函数构成的数组,需要再次调用,才执行那个匿名函数。
不管上面那个索引是多少,执行的结果都是返回10,因为每个函数的作用域链中都保存着a()函数的活动对象,所以它们引用的都是同一个变量i,当a()函数返回时,变量i的值是10,
我们可以创建另一个匿名函数,让闭包的行为符合的预期,如下所示:
function a(){
var result = new Array;
for(var i=0;i<10;i++){
result[i] = function(num){
return function(){
return num;
}
}(i);
}
return result;
}
alert(a()[2]());//输出2
关于this对象
var name = "the window";
var object = {
name:"my object",
getNameFunc:function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()());//”the window”
在全局函数中,this等于window,而当函数被作为某个对象的方法调用时,this等于那个对象,不过匿名函数的执行环境具有全局性,因为其this对象通常指向window。但有时候由于编写闭包的方式不同,这一点可能没有那么明显。
每个函数在被调用时,都会自动获得两个特殊变量,this和arguments,内部函数在搜索这两个变量时,只会搜索到其活动对象为止,因为永远不可能直接访问其外部函数中的这两个变量。不过可以把this对象保存在一个普通的变量里就可以访问了。
var name = "the window";
var object = {
name:"my object",
getNameFunc:function(){
return this.name;
}
};
alert(object.getNameFunc());//”my object”
alert((object.getNameFunc)());//”my object”
alert((object.getNameFunc = object.getNameFunc)());//”the window”
以上例子是为了说明,细微语法的差别会导致this的值改变。
更多相关文章
- jQuery:执行一个函数AFTER toggleClass被执行
- JS在页面加载时候onload与匿名自调用函数的区别
- 在jQuery的$.post中调用函数时,Undefined不是对象
- 使用Sinon模拟require()函数
- 如何使函数等到对象的值未定义为js setTimeout
- 放在和中的javascript语句,但是语句不在函数中,这些语句何在被执行
- [JavaScript]自执行函数
- 父范围中的变量不会在匿名函数中被更改[重复]
- 如何调用另一个函数内的函数?