你不知道的JS系列 ( 13 ) - 什么是闭包

Posted Zina

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了你不知道的JS系列 ( 13 ) - 什么是闭包相关的知识,希望对你有一定的参考价值。

当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行
function foo(){
  var a = 2;
  function bar() {
    console.log(a);
  }
  return bar
}
var baz = foo();
baz(); // 2 —— 朋友,这就是闭包的效果

在 foo() 执行后,通常会期待 foo() 的整个内部作用域都被销毁,因为我们知道引擎有垃圾回收用来释放不再使用的内存空间。

 

而闭包的“神奇”之处正是可以阻止这件事情的发生。事实上内部作用域依然存在,因此没有被回收。谁在使用这个内部作用域?原来是 bar() 本身在使用

 

拜 bar() 所声明的位置所赐,它拥有涵盖 foo() 内部作用域的闭包,使得该作用域能够一直存活,以供 bar() 在之后任何时间进行引用

 

bar() 依然持有对该作用域的引用,而这个引用就叫做闭包

 

无论使用何种方式对函数类型对值进行传递,当函数在别处被调用时都可以观察到闭包

 

function foo(){
  var a = 2;
  function baz() {
    console.log(a); //2
  }
  bar(baz);
}
function bar(fn){
  fn(); // 这就是闭包
}

把内部函数 baz 传递给 bar,当调用这个函数,现在叫做 fn,它涵盖在 foo 内部作用域的闭包就可以观察到了,因为它能够访问 a

 

var fn;
function foo(){
  var a = 2;
  function baz() {
    console.log(a);
  }
  fn = baz; // 将 baz 分配给全局变量
}
function bar() {
  fn(); // 这就是闭包
}
foo();
bar(); // 2

无论通过何种手段将内部函数传递到所在词法作用域以外,它都会持有对原始定义作用域的引用,无论在何处执行这个函数都会使用闭包

 

 

以上是关于你不知道的JS系列 ( 13 ) - 什么是闭包的主要内容,如果未能解决你的问题,请参考以下文章

JS你不知道的JavaScript 笔记—— 作用域与闭包 - 编译原理 - LHS - RHS - 循环与闭包 - 模块 - 词法作用域 - 动态作用域

《你不知道的JS(上卷)》作用域闭包

读书笔记-你不知道的JS上-闭包与模块

js随笔 (你不知道的js)

你不知道的JavaScript(作用域和闭包)

JS:闭包小结