欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

你不知道的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))
}