js中的闭包（详细教程）

这篇文章主要介绍了js中的闭包学习心得以及重要点的代码写法，对此有兴趣的朋友一起学习下吧。

闭包

按中文的意思就是关上一个包的意思。如果我们把函数的作用域当做是一个包的话，那这个词很形象体现了它的作用 。函数的正常的执行流程是当函数中的语句执行完后，程序会自动销毁这个函数的作用域，但是当一个函数中声明了另一个函数，并且这个子函数执行时存在引用父函数的变量，就会形成闭包，形象点说就相当于把父函数的作用域给关闭了起来，不让程序去销毁它。

例如：

function a() {
  var name = "xuxu";
  function b() {
    console.log(name);
  }
  // 此处产生闭包 
  b();
} 
a();

当函数可以记住并访问它所在的作用域链时，就产生了闭包 当然，大部分的闭包都不是这么直观的，因为子函数的调用是可以在父函数之外的，例如：

function a() {
  var name = "xuxu";
  function b() {
    console.log(name);
  }
  return b;
} 
var c=a();
// 此处产生闭包 此处的c函数其实就是a函数
c();

通过以上代码，我们也可以看出一个闭包的好处，就是我们再全局作用域（此处是widow）下访问到了局部作用域(a函数)的作用域的值，按正常的词法作用域是无法这么做的，但是当我们使用闭包是就可以了。然后我们再看一点我们平时写的比较多的：

function foo() {
  var a = 2;
  function baz() {
     // 2
    console.log( a ); 
  }
  bar( baz );
}
function bar(fn) {
// 大家快看呀，这就是闭包！
  fn(); 
}

又或者

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

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

使用Puppeteer图像识别技术如何实现百度指数爬虫

通过jquery技术实现放大镜

在webpack-dev-server中实现自动更新页面

以上是js中的闭包（详细教程）的详细内容。更多信息请关注PHP中文网其他相关文章！