JS 闭包

来源:互联网 发布:怎样下载打字软件 编辑:程序博客网 时间:2024/06/07 06:59

前置知识:
1.JavaScript有两种作用域:全局作用域和函数作用域。函数内部可以直接读取全局变量,函数外部不能访问内部变量
2.函数执行完毕后,局部活动对象会被销毁
3.内存中仅保存全局作用域(全局执行环节的变量对象)

需求:
如果出于种种原因,需要得到函数内的局部变量。正常情况下,这是办不到的,只有通过变通方法才能实现。那就是在函数的内部,再定义一个函数。

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

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

既然f2可以读取f1的局部变量,那么只要把f2作为返回值,我们不就可以在f1外部读取它的内部变量了吗!

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

上面代码中,函数f1的返回值就是函数f2,由于f2可以读取f1的内部变量,所以就可以在外部获得f1的内部变量了。


定义:闭包是有权访问另一个函数作用域中的变量的函数。
创建闭包常见方式:在一个函数内部创建另一个函数。


闭包就是函数f2,即能够读取其他函数内部变量的函数。由于在JavaScript语言中,只有函数内部的子函数才能读取内部变量,因此可以把闭包简单理解成“定义在一个函数内部的函数”。闭包最大的特点,就是它可以“记住”诞生的环境,比如f2记住了它诞生的环境f1,所以从f2可以得到f1的内部变量。在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。

闭包的最大用处有两个,一个是可以读取函数内部的变量,另一个就是让这些变量始终保持在内存中,即闭包可以使得它诞生环境一直存在。

function fn(m) {var max = 1  return function () {      if(max < m){          return m++;      }  };}var inc = fn(5);inc() // 5inc() // 6inc() // 7

上面代码中,m是函数fn的内部变量。通过闭包,m的状态被保留了,每一次调用都是在上一次调用的基础上进行计算。从中可以看到,闭包inc使得函数fn的内部环境,一直存在。所以,闭包可以看作是函数内部作用域的一个接口。

为什么会这样呢?原因就在于inc始终在内存中,而inc的存在依赖于fn,因此也始终在内存中,不会在调用结束后,被垃圾回收机制回收。

高程中是这样解释的:调用fn(),产生fn()执行上下文环境,压栈,并设置为活动状态。,fn()调用完成。按理说应该销毁掉fn()的执行上下文环境,但是这里不能这么做。注意,重点来了:因为执行fn()时,返回的是一个函数。函数的特别之处在于可以创建一个独立的作用域。而正巧合的是,返回的这个函数体中,还有一个自由变量max要引用fn作用域下的fn()上下文环境中的max。因此,这个max不能被销毁,销毁了之后bar函数中的max就找不到值了。
因此,这里的fn()上下文环境不能被销毁,还依然存在与执行上下文栈中。


总结:
文章的输出节奏也是根据红宝书的目录来的,不知道大家第一次看到函数这块的感觉是什么样的,我是真的很头疼,加上网上的博客辅助理解,这才明白过来,写下来和大家共勉。自己慢慢也发现好记性不如烂笔头,一些东西记录下来对自己的理解帮助更大。