JavaScript 初识闭包closure及总结

Posted 2021-07-17 Kabukiyo Lin

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript 初识闭包closure及总结相关的知识，希望对你有一定的参考价值。

javascript 闭包

JavaScript闭包的作用
JavaScript闭包的必要性
JavaScript闭包的实现 —— 返回值
- 闭包的第二点作用
JavaScript闭包的注意事项
JavaScript闭包的应用
总结：

近期学习了JavaScript闭包，查阅了一些资料，对其作一定的总结以供回顾，日后有新的理解会保持增添更新。

JavaScript闭包的作用

先作开头总结，JavaScript闭包主要有两大作用：

读取函数内部的局部变量
让函数内部的局部变量保存在内存中

关于第一点，“读取函数内部的局部变量”，先了解闭包的概念：

闭包：是能够访问读取其它函数内部局部变量的函数。

也就是说，闭包是个函数，而这个函数的特点是能用来读取其他函数内部的局部变量，也就是闭包的第一点作用。

JavaScript闭包的必要性

为什么需要一个有如此特点的函数去访问其它函数内部的局部变量呢？

因为，仅靠单纯的方法确实没法访问函数内部的局部变量。

相关的可以去查看一下JavaScript的链式作用域。

例一：

function test1(){
	var number = 100;
}
test1();
console.log(number);    // error

简单来说，外层找不到里层的变量，即外部无法访问test1函数内部的局部变量number。

例二：

var number = 100;
function test1(){
	console.log(number);
}
test1();

里层可以一层一层向外层查找变量。

例一发现，外部无法访问函数内部的局部变量。如果想在外部访问函数内部的局部变量，那就需要靠闭包来实现。

JavaScript闭包的实现 —— 返回值

function test1(){
	var number = 100;
	function test2(){
		// test2可以访问到test1中的变量
		return number;
	}
	// 把test2返回到外面，外面就可以访问里面了
	return test2;
}
var test = test1();
var result = test();
console.log(result);

函数test2在test1的内部，根据链式作用域，test2是可以访问test1的局部变量的，而外面访问不到test1里面。那么只要把test2函数作返回值返回到外部，那么外部就可以访问test1内部的局部变量了。

回顾一下闭包的定义和作用：

闭包是一个函数，一个用于读取访问其它函数内部局部变量的函数

也就是说，定义在test1内部的test2函数，就是闭包函数。

test2函数使得外部环境能够访问test1函数内部的局部变量number。

闭包还有第二点作用:

让函数内部的局部变量保存在内存中。

闭包的第二点作用

还是这段代码：

function test1(){
	var number = 100;
	function test2(){
		// test2可以访问到test1中的变量
		return number;
	}
	// 把test2返回到外面，外面就可以访问里面了
	return test2;
}
var test = test1();
var result = test();
console.log(result);