闭包的理解

最新推荐文章于 2023-01-08 09:47:33 发布

原创最新推荐文章于 2023-01-08 09:47:33 发布 · 319 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#闭包

javascript 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了JavaScript闭包的概念及其两个重要作用：让函数内的变量保存在内存中及通过外部调用来获取这些变量的值。通过具体代码示例展示了闭包如何工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
		// 通常，我们需要获取一个函数的内部变量，有以下2种方法
		// 第一种
		function getNumOne() {
			a = 1;
			return a
		}
		// 调用: var k = getNumOne()
		// 第二种（闭包）
		function getNumTwo() {
		    var a = 1;
		    var getNum = function() {
		        return a
		    }
		    return getNum
		}
		// 调用: var num = getNumOne()
		//		 num() 
		// 上面这个案例体现了闭包的一个作用：可以得到函数内部的变量值
		// 闭包还有一个作用：可以让函数中的变量一直保存在内存中
		// 怎样体现这个作用？
		function getNumThree() {
	　　　　var a = 1;
	　　　　aAdd = function() {
				a += 1
			}
	　　　　function f2() {
	　　　　　　console.log(a)
	　　　　}
	　　　　return f2     // 或者写为： window.num = f2
	　　}
	　　var num = getNumThree()
	　　num() // 1
	　　aAdd()
	　　num() // 2
		// 在这段代码中，num实际上就是闭包f2函数。它一共运行了两次，第一次的值是1，第二次的值是2。说明了函数getNumThree中的局部变量a一直保存在内存中，并没有在getNumThree被调用后被自动清除。
		// 为什么会这样呢？原因就在于getNumThree是f2的父函数，而f2被赋给了一个全局变量num，这导致f2始终在内存中，而f2的存在依赖于getNumThree，因此f1也始终在内存中，不会在调用结束后，被垃圾回收机制（garbage collection）回收。
		// 总结什么是闭包：
		// 【1】能让函数中的变量一直保存在内存中；
		// 【2】函数嵌套；
		// 【3】在所在作用域外被调用；
	</script>
</body>
</html>