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，提升性能。
注意事项
- 内存泄漏：闭包长期引用外部变量可能导致内存无法释放，需手动解除引用（如
null）。 - 过度封装：非必要场景避免嵌套过深，增加代码复杂度。
闭包是 jQuery 开发中维护作用域和封装逻辑的重要工具，合理使用能提升代码健壮性。
