首頁 > web前端 > js教程 > js中的閉包(詳細教學)

js中的閉包(詳細教學)

亚连
發布: 2018-06-07 15:28:44
原創
2330 人瀏覽過

這篇文章主要介紹了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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板