欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JS中的闭包详解

程序员文章站 2022-04-13 12:45:29
...
本文主要和大家分享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中的闭包详解的详细内容,更多请关注其它相关文章!