什么是闭包（closure），为什么要用它？

最新推荐文章于 2025-05-26 19:56:11 发布

转载最新推荐文章于 2025-05-26 19:56:11 发布 · 583 阅读

文章标签：

#javascript #移动开发 #ViewUI

本文详细解释了闭包的概念及其实现方式，并通过实例展示了如何使用闭包来解决实际问题，如保留函数内部变量的问题。此外，还介绍了闭包如何帮助突破作用域链，以及闭包对JavaScript垃圾回收机制的影响。

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

闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域，将函数内部的变量和方法传递到外部。

闭包的特性：

1.函数内再嵌套函数
2.内部函数可以引用外层的参数和变量
3.参数和变量不会被垃圾回收机制回收

//li节点的onclick事件都能正确的弹出当前被点击的li索引
 <ul id="testUL">
    <li> index = 0</li>
    <li> index = 1</li>
    <li> index = 2</li>
    <li> index = 3</li>
</ul>
<script type="text/javascript">
    var nodes = document.getElementsByTagName("li");
    for(i = 0;i<nodes.length;i+= 1){
        nodes[i].onclick = function(){
            console.log(i+1);//不用闭包的话，值每次都是4
        }(i);
    }
</script>

　　执行say667()后,say667()闭包内部变量会存在,而闭包内部函数的内部变量不会存在; 使得Javascript的垃圾回收机制GC不会收回say667()所占用的资源; 因为say667()的内部函数的执行需要依赖say667()中的变量; 这是对闭包作用的非常直白的描述

  function say667() {
    // Local variable that ends up within closure
    var num = 666;
    var sayAlert = function() {
        alert(num);
    }
    num++;
    return sayAlert;
}

 var sayAlert = say667();
 sayAlert()//执行结果应该弹出的667