JS闭包详解-优快云博客

本文链接：https://blog.youkuaiyun.com/Mirror_r/article/details/89067314

本文深入讲解JavaScript中的闭包概念，包括其工作原理、如何利用作用域链读取函数内部变量，以及闭包如何帮助保持函数内部变量的状态。此外，还讨论了使用闭包时需要注意的内存消耗问题。

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

JS 会实现词法作用域，函数对象的内部状态不仅包含函数的代码逻辑，还必须引用当前的作用域链。

概念：函数对象通过作用域链相互关联，函数体内部的变量都可以保存在函数作用域内，具有这种特性的函数叫做“闭包”。

从技术角度讲，所有的JS函数都是闭包：它们都是对象、都关联到作用域链。定义大多数函数时的作用域链在调用函数时依然有效，但这不影响闭包。

理解闭包首先要了解嵌套函数的词法作用域规则。

var scope = 'global scope'; // 全局变量
function checkscope() {
  var scope = 'local scope'; // 局部变量
  function f() { return scope; } // 在作用域中返回这个值
  return f();
}
checkscope() // =>'local scope'
checkscope()() // =>'local scope',在定义函数作用域外调用这个嵌套的函数f()

闭包的用途：

可以读取函数内部的变量。

让函数内部变量的值始终保持在内存中，不会在方法调用后被清除。

function func() {
  var num = 0;
  function logNum() {
  	console.log(num++);
  }
  return logNum;
}
var myFunc = func(); // 这里调用了func(),将logNum()赋给myFunc
myFunc(); // 0, 执行1次logNum()
myFunc(); // 1, 执行2次logNum()

使用闭包的注意点：

由于闭包会使函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄漏。解决方法是，在退出函数前将不使用的局部变量全部删除。
闭包会在父函数外部，改变父函数内部变量的值。所以，如果把父函数当做对象使用，把闭包当做它的公用方法，把内部变量当做它的私有属性，这时一定要小心不要随便改变父函数内部变量的值。

JS 闭包