一文了解JavaScript闭包函数

变量作用域

理解JavaScript闭包需先掌握变量作用域概念。

变量作用域分为全局作用域与局部作用域两类。

在JavaScript中，函数内部可直接访问全局变量。

var n=10
function fn(){
	alert(n)
}
fn()      //10

函数外部无法直接访问函数内部的局部变量。

function fn(){
	var n=10;
}
fn()
alert(n)   //n is not defined    函数外部无法读取到函数内部的n

函数内部使用var声明的变量为局部变量，未使用var声明的变量则成为全局变量。

例如：

function fn(){
	n=10;
}
fn()
alert(n)   //10

此外，函数参数具有局部性，仅在函数内部有效。

通常无法直接获取函数内部的局部变量，需通过特定变通方法实现——即在函数内部定义另一个函数。

function f1(){
	var n=10;
	function f2(){
		alert(n)
	}
}

f2函数能够访问f1函数的所有局部变量，反之f1无法访问f2的局部变量，这体现了JavaScript特有的“链式作用域”机制（子对象逐级向上查找父对象变量），使得父对象变量对子对象可见。

若将f2函数作为返回值返回，则在f1函数外部即可访问f1内部的变量。

例如：

function f1(){
	var n=10;
	function f2(){
		alert(n)
	}
	return f2()
}
f1()           //页面弹出10

示例中的f2()函数即为闭包函数。

闭包的概念

受作用域限制，通常无法在函数外访问其内部变量，但为满足特定需求，闭包概念应运而生。

闭包定义为有权访问另一个函数作用域中变量的函数。

前述示例中，内部函数f2即为闭包函数。

本质上，闭包是连接函数内部与外部的桥梁。

闭包是一种保护私有变量的机制，在函数执行时形成私有作用域，防止内部变量受外界干扰。

闭包的用途

（1）能够读取父级作用域函数内部的变量；

（2）使变量的值始终保留在内存中（将局部变量转化为全局变量），避免被垃圾回收机制清除。

闭包的缺点

由于闭包导致函数中的变量常驻内存，垃圾回收机制无法清理，造成较大内存消耗，因此不应滥用闭包，否则可能引发内存泄漏。

补充：

什么是内存泄漏？

程序运行需占用内存，操作系统必须响应内存请求。 当应用程序中某些代码变量不再需要占用内存，却未被操作系统或内存池回收时，即发生内存泄漏。

即，当某块内存已不再需要时，该内存仍被占用——此现象称为内存泄漏。

解决闭包引起的内存泄漏问题：

在退出函数前，将所有不使用的局部变量删除。

例如：将当前变量的值设置为‘null'，当垃圾回收机制启动时，会自动回收这些值为‘null'的变量。

最后总结一下闭包的好处与坏处

好处

①保护函数内的变量安全，实现封装，防止变量流入其他环境发生命名冲突。

②在内存中维持一个变量，可作为缓存（但使用过多同时也是一项缺点，消耗内存）。

③匿名自执行函数可减少内存消耗。

坏处

①如上所述，被引用的私有变量无法销毁，增大内存消耗并造成内存泄漏，解决方法是在使用完变量后手动将其赋值为null；

②其次，由于闭包涉及跨作用域访问，会导致性能损失，可通过将跨作用域变量存储在局部变量中，然后直接访问局部变量，来减轻对执行速度的影响。

总结

到此这篇关于JavaScript闭包函数的文章就介绍到这了,更多相关JavaScript闭包函数内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！