JS中的闭包理解，闭包的产生原因及解决方式

1. 闭包的定义

分类两个层面去理解：

广义角度说，JavaScript中的函数都是闭包（因为所有定义的函数都可以访问外层作用域变量，即产生了闭包）

狭义角度说，JavaScript中的一个函数，如果访问了外层作用域的变量，那么它是一个闭包（即访问了外层作用域的变量，才算生成闭包）

2. 函数在内存中的执行过程

以如下代码为例：

function foo() {
	var name = "foo"
	var age = 18
	
	function bar() {
		console.log(name)
		console.log(name)
	}
	return bar
}

var fn = foo()
fn()

内存图表现

闭包的形成原理 

闭包形成原理就是函数在解析时，创建的对象地址里的父级作用域里存储(指向)着上级作用域的地址，所以外层函数执行上下文执行后销毁之后，内层函数的父级作用域对外层函数AO对象依然有指针引用，所以外层函数的AO对象不会被销毁，所以可以访问到闭包函数外层变量，也就造成了内存泄漏 (foo函数的AO对象依然存在)

3. 闭包产生的内存泄漏原因

在上述代码中，运行完foo函数后，foo函数的函数调用栈FEC销毁后，产生的AO对象由于bar函数对象的父级作用域链依然指向此AO对象，所以AO对象并没有随着foo函数执行完毕后，FEC的销毁而销毁，即造成了内存泄漏，即foo函数的AO对象的内存没有被回收，如下图

 执行bar函数的过程，内存表现如下

执行完bar函数后的内存图表现

可以看到，即使在bar函数执行完后, foo函数的AO对象没有被销毁 造成内存泄漏

4. 解决闭包产生的内存泄漏

function foo() {
	var name = "foo"
	var age = 18
	

function bar() {
	console.log(name)
	console.log(name)
}
return bar

}

var fn = foo()
fn()

//解决内存泄漏
fn = null
foo = null

手动将fn函数以及foo函数指向为空地址既可以释放闭包产生的内存泄漏

注意：

js引擎: v8引擎 在闭包引用的AO对象中发现没有被调用的对象(即AO中不适用的属性，例如代码案例中age变量)，内存会自动回收，代码中的age = 18 若在函数执行过程中没有被引用，会自动回收内存

---

想要更深入的学习js中的闭包的原理等知识点，可查找王红元老师的js高级课程进行学习