jquery闭包

jQuery 闭包的概念

闭包（Closure）是 JavaScript 中函数和其周围状态的组合，允许函数访问其外部作用域的变量，即使外部函数已执行完毕。在 jQuery 中，闭包常用于封装变量、避免全局污染以及实现模块化代码。

闭包的基本实现

通过匿名函数（IIFE）创建闭包，隔离作用域，防止变量泄露到全局：

(function($) {
    var privateVar = '局部变量';
    $('#element').click(function() {
        console.log(privateVar); // 访问闭包内的变量
    });
})(jQuery);

此例中，privateVar 被闭包保护，外部无法直接访问，但内部事件函数仍可引用。

闭包与事件绑定

在事件处理中，闭包可以保留循环变量的值：

for (var i = 0; i < 5; i++) {
    (function(index) {
        $('#btn-' + i).click(function() {
            console.log(index); // 正确输出当前索引
        });
    })(i);
}

通过 IIFE 为每次循环创建独立作用域，解决异步事件中变量共享的问题。

闭包优化性能

减少全局查找，缓存常用对象：

(function($) {
    var $body = $('body'); // 缓存DOM对象
    $body.on('click', '.item', function() {
        $(this).toggleClass('active');
    });
})(jQuery);

闭包内缓存 $body 避免重复查询 DOM，提升性能。

注意事项

1. 内存泄漏：闭包长期引用外部变量可能导致内存无法释放，需手动解除引用（如 null）。
2. 过度封装：非必要场景避免嵌套过深，增加代码复杂度。

闭包是 jQuery 开发中维护作用域和封装逻辑的重要工具，合理使用能提升代码健壮性。