你不知道的JavaScript之作用域闭包学习心得(四)
程序员文章站
2022-07-14 14:26:28
...
1 当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行。
2 闭包举例
function foo(){
var a=2;
function bar(){
console.log(a);
}
return bar;
}
var baz=foo();
baz();// 2
foo()执行后,返回值bar()函数赋值给变量baz并调用baz()。
通常情况下,foo()执行后内部作用域被销毁,但闭包阻止销毁。
正由于bar()拥有涵盖foo()内部作用域的闭包,依然持有对foo()作用域的引用,之后baz()被调用,从而可以访问到a。
3 只要使用了回调函数,实际上就在使用闭包
4 循环和闭包
for(var i=1;i<=5;i++){
setTimeout(function timer(){
console.log(i);// 6
},i*1000);
}
5个延迟函数的回调会在循环结束时才执行,而且他们都被封闭在一个共享的全局作用域中,实际上只有一个i
for(var i=1;i<=5;i++){
(function(){
setTimeout(function timer(){
console.log(i);// 6
},i*1000);
}())
}
原因是作用域是空的,仅进行封闭是不够的
for(var i=1;i<=5;i++){
(function(i){
setTimeout(function timer(){
console.log(i);//1 2 3 4 5
},i*1000);
}(i))
}