闭包

最新推荐文章于 2025-04-24 23:33:53 发布

原创最新推荐文章于 2025-04-24 23:33:53 发布 · 147 阅读

0 ·

CC 4.0 BY-SA版权

本文深入讲解JavaScript中的闭包概念，探讨其如何读取函数内部变量，保持变量在内存中的持久性，以及在实际编程中的应用实例。同时，文章也提醒开发者在使用闭包时应注意的内存消耗和变量值改变的问题。

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

一、闭包的概念

闭包就是能够读取其他函数内部变量的函数。

由于在javascript中，只有函数内部的子函数才能读取局部变量，所以说，闭包可以简单理解成“定义在一个函数内部的函数“。

所以，在本质上，闭包是将函数内部和函数外部连接起来的桥梁。

二、闭包的用途

闭包可以用在许多地方。它的最大用处有两个，

1.一个是可以读取函数内部的变量。

2.另一个就是让这些变量的值始终保持在内存中，不会在调用后被自动清除。

三、使用闭包的注意点

（1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。

（2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

四、实例

JavaScript 变量可以是局部变量或全局变量。

私有变量可以用到闭包。

<body>
<button type="button" onclick="myFunction()">计数!</button>
<p id="demo">0</p>
</body>
<script>
var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();
function myFunction(){
    document.getElementById("demo").innerHTML = add();
}
</script>

该实例可实现自动计数功能。

解析：变量 add 指定了函数自我调用的返回字值。

自我调用函数只执行一次。设置计数器为 0。并返回函数表达式。

add变量可以作为一个函数使用。非常棒的部分是它可以访问函数上一层作用域的计数器。

这个叫作 JavaScript 闭包。它使得函数拥有私有变量变成可能。

计数器受匿名函数的作用域保护，只能通过 add 方法修改。

注意：

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

直观的说就是形成一个不销毁的栈环境。