JS中的闭包详解

本文主要和大家分享JS中的闭包详解，主要以代码的方式和大家讲解，希望能帮助到大家。

var n = 999;
function f1() {
  console.log(n);
}
f1() // 999

JavaScript有两种作用域：全局作用域和函数作用域。函数内部可以直接读取全局变量。函数 f1 可以读取全局变量 n。但是，在函数外部无法读取函数内部声明的变量。

function f1() {
  var n = 99;
}
console.log(n);

但是，有时我们却需要在函数外部访问函数内部的变量；正常情况下，这是办不到的，只有通过变通方法才能实现。那就是在函数的内部，再定义一个函数。

function f1() {
  var n = 999;
  var f2 = function() {
      console.log(n);
  }
return f2;
}
var f = f1();
f();

上面代码中，函数f2就在函数f1内部 这时f1内部的所有局部变量，对f2都是可见的。但是反过来就不行，f2内部的局部变量 对f1就是不可见的。这就是JavaScript语言特有的”链式作用域”结构（chain scope） ，子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。

既然f2可以读取f1的局部变量， 那么只要把f2作为返回值， 我们不就可以在f1外部读取它的内部变量了。闭包就是函数f2，能够读取其他函数内部变量的函数。由于在JavaScript语言中，只有函数内部的子函数才能读取内部变量， 因此可以把闭包简单理解成“定义在一个函数内部的函数”。闭包最大的特点，就是它可以“记住”诞生的环境， 比如f2记住了它诞生的环境f1， 所以从f2可以得到f1的内部变量。在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。即闭包的最大用处有两个，一个是可以读取函数内部的变量，另一个就是让这些变量始终保持在内存中，即闭包可以使得它诞生环境一直存在;
相关推荐：

JS中的闭包简单解释

js中的闭包是如何使用的？

浅谈js中的闭包_javascript技巧

以上就是JS中的闭包详解的详细内容，更多请关注其它相关文章！