Js闭包-闭包的定义和优、缺点

balbalaijk

已于 2025-03-31 11:16:15 修改

阅读量380

点赞数 5

分类专栏：前端基础文章标签： javascript 开发语言

于 2025-03-31 11:16:00 首次发布

本文链接：https://blog.youkuaiyun.com/balbalaijk/article/details/146805444

版权

前端基础专栏收录该内容

5 篇文章

订阅专栏

一、定义

如果一个函数访问了此函数的父级及父级以上的作用域变量，那么这个函数就是一个闭包。闭包会创建一个包含外部函数作用域变量的环境，并将其保存在内存中，这意味着，即使外部函数已经执行完毕，闭包仍然可以访问和使用外部函数的变量。

闭包是一种保护私有变量的机制，它在函数执行时创建一个私有作用域，从而保护内部的私有变量不受外界干扰。直观地说，闭包就像是一个不会被销毁的栈环境。

二、例子

var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();
function createCounter() {
  let count = 0;
 
  return function() {
    return ++count;
  };
}
 
const counter = createCounter();
console.log(counter()); // 输出: 1
console.log(counter()); // 输出: 2

三、优、缺点

闭包的优点：

保护变量：闭包可以将变量封装在函数内部，避免全局污染，保护变量不被外部访问和修改。
延长变量生命周期：闭包使得函数内部的变量在函数执行完后仍然存在，可以在函数外部继续使用。
实现模块化：闭包可以创建私有变量和私有方法，实现模块化的封装和隐藏，提高代码的可维护性和安全性。
保持状态：闭包可以捕获外部函数的变量，并在函数执行时保持其状态。这使得闭包在事件处理、回调函数等场景中非常有用。

闭包的缺点：

内存占用：闭包会导致外部函数的变量无法被垃圾回收，从而增加内存占用。如果滥用闭包，会导致内存泄漏问题。
性能损耗：闭包涉及到作用域链的查找过程，会带来一定的性能损耗。在性能要求高的场景下，需要注意闭包的使用。

闭包的特性：

函数嵌套：闭包的实现依赖于函数嵌套，即在一个函数内部定义另一个函数。
记忆外部变量：闭包可以记住并访问外部函数的变量，即使外部函数已经执行完毕。
延长作用域链：闭包将外部函数的作用域链延长到内部函数中，使得内部函数可以访问外部函数的变量。
返回函数：闭包通常以函数的形式返回，使得外部函数的变量仍然可以被内部函数引用和使用。

四、应用场景

探讨JavaScript闭包：10个实用场景解析-优快云博客

五、解决可能出现的内存泄漏问题

闭包中的内存泄漏指的是在闭包函数中，由于对外部变量的引用而导致这些变量无法被垃圾回收机制释放的情况。当一个函数内部定义了一个闭包，并且这个闭包引用了外部变量时，如果这个闭包被其他地方持有，就会导致外部变量无法被正常释放，从而造成内存泄漏。
解决闭包中的内存泄漏问题通常需要注意解除外部变量和闭包函数的引用，以及解绑函数本身的引用，使得闭包中引用的外部变量和闭包函数能够被垃圾回收机制释放。

function createClosure() {
  let value = 'Hello';

  // 闭包函数
  var closure = function() {
    console.log(value);
  };

  // 解绑定闭包函数，并释放资源
  var releaseClosure = function() {
    value = null; // 解除外部变量的引用
    closure = null; // 解除闭包函数的引用
    releaseClosure = null; // 解除解绑函数的引用
  };

  // 返回闭包函数和解绑函数
  return {
    closure,
    releaseClosure
  };
}

// 创建闭包
var closureObj = createClosure();

// 调用闭包函数
closureObj.closure(); // 输出：Hello

// 解绑闭包并释放资源
closureObj.releaseClosure();

// 尝试调用闭包函数，此时已解绑，不再引用外部变量
closureObj.closure(); // 输出：null