闭包

最新推荐文章于 2025-11-28 04:56:28 发布

原创最新推荐文章于 2025-11-28 04:56:28 发布 · 133 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #函数闭包 #jquery

css+js 专栏收录该内容

8 篇文章

订阅专栏

闭包是JavaScript中的一个重要概念，它允许在函数外部访问内部的局部变量。闭包的特点包括：可以修改内部变量、作为作用域内外的桥梁以及可能导致内存消耗和内存泄漏。常见应用场景包括事件委托封装、回调函数参数传递和解决循环中事件处理的变量问题。了解并掌握闭包有助于提升JavaScript编程能力。

一、闭包是什么

1. 通过作用域的嵌套，触发计算机的垃圾回收机制（硬盘），将原本的局部变量进化成私有变量的环境，叫闭包

    function fn(){
        var a = 10;
        return function(){
            a ++ ;
            console.log(a);
        }
    }
    var f = fn();
	f();

2. 计算机的垃圾回收机制

硬盘：需要删除的数据，不直接删除，而是再是保存在一个临时区域，如果需要继续使用，可以从临时区域取出
内存：需要删除的数据，直接删除，不可恢复
程序，或代码的执行，默认使用的是内存的垃圾回收

二、闭包的特点

1. 可以在作用域外部修改作用域内部的数据

2. 连接了作用域内外部的桥梁

3. 消耗内存

4. 内存泄漏（内存溢出）（低版本浏览器以下）

三、闭包的应用场景

1. 事件委托的封装

    function eveEnt(child, cb){
        return function(eve){
            // ...
            for(var i=0;i<child.length;i++){
                if(child[i] === tar){
                    cb.call(tar);
                }
            }
        }
    }

2. 给一些内置方法的回调函数传参

    setTimeout(fn("hello"), 1000);
    function fn(a){
        return function(){
            console.log(a)
        }
    }

3. 循环中的事件内使用循环的变量

for(var i=0;i<ali.length;i++){
    (function(i){
        ali[i].onclick = function(){
            console.log(i);
        }
    })(i);
}