首頁 web前端 js教程 js閉包與作用域鍊是什麼意思? js閉包與作用域鏈詳解

js閉包與作用域鍊是什麼意思? js閉包與作用域鏈詳解

Jan 21, 2019 pm 02:22 PM
js閉包 作用域鏈 詳解

在學習js過程中會,必定要知道、明白的閉包。閉包是與其他程式語言相比,是js中所特有的一個。以下就是我對閉包的認知。

閉包的產生:通俗的說,閉包產生於多個函數嵌套之間,當內層函數被保存到外面時,閉包就會產生。 【推薦閱讀:JavaScript影片教學

作用域鏈:我的理解是,在訪問函數時,採用鍊式訪問,而這個訪問的區域就是一個作用域鏈。

js閉包與作用域鍊是什麼意思? js閉包與作用域鏈詳解

在這段程式碼中,首先訪問f(),之後再訪問b() ,之後再訪問c(),在這一個例子中,就體現了一種鍊式的存取過程。

下面我們要來談談閉包的功能

閉包的好處:

第一個:函數的累加         第二:快取結構    第三:封裝   模組化

閉包的壞處:

閉包會導致原有作用域鏈不釋放,造成記憶體洩漏。

下面就是幾個閉包的實際例子:

js閉包與作用域鍊是什麼意思? js閉包與作用域鏈詳解

在這個閉包的例子中,如果沒有return b語句,呼叫這個函數時, f()的值只能為342;當有了這條語句後,所印出來的值依序是增加的,這個就是閉包所產生的一個效果。

js閉包與作用域鍊是什麼意思? js閉包與作用域鏈詳解

當執這段程式碼時,你會發現你所印出來的結果為10個10,可是為什麼會產生這種效果呢?然後又要怎麼解決這種效果呢?

js閉包與作用域鍊是什麼意思? js閉包與作用域鏈詳解

當執行這段程式碼時,你會發現此時列印出來的結果就為0到9一次從小到大輸出。

產生上述的10個10的原因其實就是因為閉包所導致的,其中

arr[i] = function(){ document.write(i " ")  }   此語句為函數表達式,此時arr[i]與document.write(i " ") 不是想對應的,document.write(i " ") 為輸出語句,只有當整個函數中的for迴圈執行完之後才來看這個語句,由於閉包,此時的i由於for循環就i就依次的增加了,直到語句結束時,i為10,因此打印出的結果就是10個10.

下面為什麼會印出0到9這10個數字呢,在這裡就利用了立即執行函數,

立即執行函數的量兩種形式:(function (){}();   (function (){ })(); 通常採用第一種。

那什麼是立即執行函數呢,其實可以將其概括為只執行一次的函數,當執行完一次後,不能調用不能執行。因此,在後面輸出0到9這過程中,由於此時的i為實參,每一次傳到立即執行函數裡面時,j就是此時i的值,只是整個表達式還沒有執行而已。所以到最後輸出的時候就自然而然的輸出了0到9這10個數字。


以上是js閉包與作用域鍊是什麼意思? js閉包與作用域鏈詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

C++中的眾數函數詳解 C++中的眾數函數詳解 Nov 18, 2023 pm 03:08 PM

C++中的眾數函數詳解在統計學中,眾數指的是一組資料中出現次數最多的數值。在C++語言中,我們可以透過寫一個眾數函數來找出任意一組資料中的眾數。眾數函數的實作可以採用多種不同的方法,以下將詳細介紹其中兩種常用的方法。第一種方法是使用哈希表來統計每個數字出現的次數。首先,我們需要定義一個哈希表,將每個數字作為鍵,出現次數作為值。然後,對於給定的資料集,我們遍

Win11管理員權限取得詳解 Win11管理員權限取得詳解 Mar 08, 2024 pm 03:06 PM

Windows作業系統是全球最受歡迎的作業系統之一,其新版本Win11備受矚目。在Win11系統中,管理員權限的取得是一個重要的操作,管理員權限可以讓使用者對系統進行更多的操作和設定。本文將詳細介紹在Win11系統中如何取得管理員權限,以及如何有效地管理權限。在Win11系統中,管理員權限分為本機管理員和網域管理員兩種。本機管理員是指具有對本機電腦的完全管理權限

Oracle SQL中的除法運算詳解 Oracle SQL中的除法運算詳解 Mar 10, 2024 am 09:51 AM

OracleSQL中的除法運算詳解在OracleSQL中,除法運算是一種常見且重要的數學運算運算,用來計算兩個數相除的結果。除法在資料庫查詢中經常用到,因此了解OracleSQL中的除法運算及其用法是資料庫開發人員必備的技能之一。本文將詳細討論OracleSQL中除法運算的相關知識,並提供具體的程式碼範例供讀者參考。一、OracleSQL中的除法運算

C++中的取餘函式詳解 C++中的取餘函式詳解 Nov 18, 2023 pm 02:41 PM

C++中的取餘函數詳解在C++中,取餘運算子(%)用於計算兩個數相除的餘數。它是一種二元運算符,其運算元可以是任何整數型別(包括char、short、int、long等),也可以是浮點數型別(如float、double)。取餘運算子傳回的結果與被除數的符號相同。例如,對於整數的取餘運算,我們可以使用以下程式碼來實作:inta=10;intb=3;

Vue.nextTick函數用法詳解及在非同步更新中的應用 Vue.nextTick函數用法詳解及在非同步更新中的應用 Jul 26, 2023 am 08:57 AM

Vue.nextTick函數用法詳解及在非同步更新中的應用在Vue開發中,經常會遇到需要進行非同步更新資料的情況,例如在修改DOM後需要立即更新資料或在資料更新後需要立即進行相關操作。而Vue提供的.nextTick函數就是為了解決這類問題而出現的。本文將會詳細介紹Vue.nextTick函數的用法,並結合程式碼範例來說明它在非同步更新中的應用。一、Vue.nex

PHP模運算子的作用及用法詳解 PHP模運算子的作用及用法詳解 Mar 19, 2024 pm 04:33 PM

PHP中的模運算子(%)是用來取得兩個數值相除的餘數的。在本文中,我們將詳細討論模運算子的作用及用法,並提供具體的程式碼範例來幫助讀者更好地理解。 1.模運算子的作用在數學中,當我們將一個整數除以另一個整數時,就會得到一個商和一個餘數。例如,當我們將10除以3時,商數為3,餘數為1。模運算子就是用來取得這個餘數的。 2.模運算子的用法在PHP中,使用%符號來表示模

linux系統呼叫system()函數詳解 linux系統呼叫system()函數詳解 Feb 22, 2024 pm 08:21 PM

Linux系統呼叫system()函數詳解系統呼叫是Linux作業系統中非常重要的一部分,它提供了一種與系統核心互動的方式。其中,system()函數是常用的系統呼叫函數之一。本文將詳細介紹system()函數的使用方法,並提供對應的程式碼範例。系統呼叫的基本概念系統呼叫是使用者程式與作業系統核心互動的一種方式。使用者程式透過呼叫系統呼叫函數來請求作業系統

Linux的curl指令詳解 Linux的curl指令詳解 Feb 21, 2024 pm 10:33 PM

Linux的curl命令詳解摘要:curl是一種強大的命令列工具,用於與伺服器進行資料通訊。本文將介紹curl指令的基本用法,並提供實際的程式碼範例,幫助讀者更好地理解和應用該指令。一、curl是什麼? curl是命令列工具,用於發送和接收各種網路請求。它支援多種協議,如HTTP、FTP、TELNET等,並提供了豐富的功能,如檔案上傳、檔案下載、資料傳輸、代

See all articles