JavaScript之更改闭包内的变量值

  var f = function( ) {
    var x = 1
    function fo() {
      console.log( x++ )
    }
      return fo
  }
  var fn = f()
  fn()              //  1
  fn()              //  2
 
  以上代码实现了一个简单的闭包,每次执行 fn 其内部变量 x 都会实现自增。
  
  闭包用一种巧妙的方式将原本互不敢干的作用域联合了起来,我在之前的文章 JavaScript之引用函数调用与直接调用的区别  说到作用域只有在代码块执行的时候才会产生,还有一点没有提到:作用域所占的内存是如何回收的,以及何时释放。
 
  闭包一直饱受诟病,下面具体为大家分析下我的观点:
  
  事实上,函数体包裹的每块代码在每次执行都会新产生一个作用域,然后在函数体执行完后被释放,我们平时在执行这一个过程的时候常常忽略了这样一个事实,所以在接触到闭包这些概念的时候短时间会无法接受。当然,如果你琢磨透了的话,并没有什么难理解的,比如函数体内定义了一个变量 x = 1,每次你调用这个函数,在其内部所引用的 x 值都是1,这意味着这个变量在上次函数体被执行完后就释放了,一个独立的作用域被执行完后就会被销毁。
 
  搞明白了上面这点,也就不难理解上面的代码,如果将函数体从一个函数内发送出去,那么就意味这此函数的作用域发射到了其上级作用域内,即两个作用域联合了起来,融合到一起了,这时候JavaScript再想销毁这个作用域就会连同 window 这个作用域一起销毁,显然它不会这么干,于是,此例中函数 fo 的作用域,也即 f 所代表的函数体(作用域)被留存了下来。
 
   再引申开来,如果 f 这个函数体再执行一次会怎样呢?这时候一个新的函数体又被执行了,一个新的作用域产生又汇入了父级作用域,如果你想销毁这个作用域,又是不可能的。以上面这个例子来说,就有两个值为 1 的变量 x 进入了全局作用域,全局作用域不得不分配两个不同的隐式的变量指向这两个 x ,用行话来说,就是产生了全局污染。 
 
  var f = function( ) {
    var x = 1
    function fo() {
      console.log( x++ )
    }
    fo.alter=function ( n ) {
    x = n
    }
      return fo
  }
  var fn = f()
  fn()              //  1
  fn()              //  2
  fn.alter( 10 ) 
  fn()      //   10
 
  为了给这个函数开一个后门,使得变量 x 可以更改,给函数对象 f 增加一个 alter 的方法。
  关键点在于,此方法也是在 f 的函数体内部定义的,意味着调用也会在此作用域执行,因此更改变量 x 的值也就顺利成章了。
 
上一篇:Design Tiny URL


下一篇:Metro UI(Win 8风格)页面设计小记