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中文網其他相關文章！