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中的闭包详解的详细内容,更多请关注其它相关文章!