Javascript閉包的作用與使用方法淺析
js 閉包（closure）是Javascript語言的一個(gè)難點(diǎn)，也是它的特色。
閉包的作用:通過一系方法,將函數(shù)內(nèi)部的變量(局部變量)轉(zhuǎn)化為全局變量。
要理解閉包，首先必須理解Javascript特殊的變量作用域。
變量的作用域無非就是兩種：全局變量和局部變量。
一、變量的作用域
Javascript語言的特殊之處，就在于函數(shù)內(nèi)部可以直接讀取全局變量。
var n =999;
function f1(){
alert(n);
}
f1(); // 999
另一方面，在函數(shù)外部無法讀取函數(shù)內(nèi)的局部變量。
function f1(){
var n=999;
}
alert(n); // error
這里有一個(gè)地方需要注意， 函數(shù)內(nèi)部聲明變量的時(shí)候，一定要使用var命令。如果不用的話，你實(shí)際上聲明了一個(gè)全局變量！
function f1(){
n=999;
}
f1();
alert(n); // 999
二、如何從外部讀取局部變量
出于種種原因，我們有時(shí)候需要得到函數(shù)內(nèi)的局部變量。但是，正常情況下，這是辦不到的，只有通過變通方法才能實(shí)現(xiàn)。那就是在函數(shù)的內(nèi)部，再定義一個(gè)函數(shù)。
function f1(){
var n=999;
function f2(){
alert(n); // 999
}
}
在上面的代碼中，函數(shù)f2就被包括在函數(shù)f1內(nèi)部，這時(shí)f1內(nèi)部的所有局部變量，對f2都是可見的。
但是反過來就不行，f2內(nèi)部的局部變量，對f1就是不可見的。這就是Javascript語言特有的"鏈?zhǔn)阶饔糜?quot;結(jié)構(gòu)（chain scope），子對象會一級一級地向上尋找所有父對象的變量。
所以，父對象的所有變量，對子對象都是可見的，反之則不成立。
既然f2可以讀取f1中的局部變量，那么只要把f2作為返回值，我們不就可以在f1外部讀取它的內(nèi)部變量了嗎！
function f1(){
var n = 999;
function f2(){
alert(n);
}
return f2;
}
var result = f1();
result(); // 999
以上的代碼就是js中的閉包
在我的理解中，閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。
由于在Javascript語言中，只有函數(shù)內(nèi)部的子函數(shù)才能讀取局部變量，因此可以把閉包簡單理解成"定義在一個(gè)函數(shù)內(nèi)部的函數(shù)"。
所以，在本質(zhì)上，閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接起來的一座橋梁。
到此這篇關(guān)于Javascript閉包的作用與使用方法淺析的文章就介紹到這了,更多相關(guān)Js閉包內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Bootstrap3 Grid system原理及應(yīng)用詳解
這篇文章主要為大家詳細(xì)介紹了Bootstrap3 Grid system原理及應(yīng)用,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
前端使用正則表達(dá)式進(jìn)行校驗(yàn)的方法總結(jié)大全
很多時(shí)候我們需要校驗(yàn)用戶輸入的值是否正確,如果格式固定的,直接把錯(cuò)誤的值傳給后端顯然是不合理的,所以我們要直接在前端進(jìn)行正則校驗(yàn),這篇文章主要給大家介紹了關(guān)于前端使用正則表達(dá)式進(jìn)行校驗(yàn)的相關(guān)資料,需要的朋友可以參考下2024-07-07
JavaScript實(shí)現(xiàn)擦玻璃效果分析鼠標(biāo)移動(dòng)響應(yīng)時(shí)間粒度問題
這篇文章主要為大家介紹了JavaScript實(shí)現(xiàn)擦玻璃效果分析鼠標(biāo)移動(dòng)響應(yīng)時(shí)間粒度問題詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
JavaScript 字符串處理函數(shù)使用小結(jié)
JavaScript 字符串處理函數(shù)使用小結(jié)，學(xué)習(xí)js的朋友可以參考下。2010-12-12
JS 自動(dòng)完成 AutoComplete(Ajax 查詢)
實(shí)現(xiàn)類似于百度或谷歌的搜索下拉列表的，就是打開百度往里輸入你要查詢的條件，只要你一輸入他就自動(dòng)彈出一個(gè)下拉列表框，并顯示相關(guān)所有搜索內(nèi)容2009-07-07
html 5.0的canvas可以獲取到圖片的像素點(diǎn)了。這樣，我們可以做很多以圖片有關(guān)的操作和渲染了。當(dāng)然今后也會給瀏覽器渲染引擎更高的要求。（YY, 什么時(shí)候html渲染引擎也支持多核和GPU呢？）2009-04-04
文章淺顯易懂的將jQuery異步對象分為了5個(gè)步奏，非常有利于我們學(xué)習(xí)記憶，是篇相當(dāng)不錯(cuò)的學(xué)習(xí)jQuery異步對象的文章，這里推薦給大家。2014-11-11
利用純js + transition動(dòng)畫實(shí)現(xiàn)移動(dòng)端web輪播圖詳解
這篇文章主要給大家介紹了利用純js + transition動(dòng)畫實(shí)現(xiàn)移動(dòng)端web輪播圖的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以參考借鑒，下面來一起看看吧。2017-09-09
JavaScript原型對象、構(gòu)造函數(shù)和實(shí)例對象功能與用法詳解
這篇文章主要介紹了JavaScript原型對象、構(gòu)造函數(shù)和實(shí)例對象功能與用法,結(jié)合實(shí)例形式分析了javascript面向?qū)ο笙嚓P(guān)原型對象、構(gòu)造函數(shù)及實(shí)例對象的概念、功能與相關(guān)使用技巧,需要的朋友可以參考下2018-08-08
本篇文章通過代碼實(shí)例給大家講述了如何javascript填充默認(rèn)頭像以及相代碼分享，對此有興趣的朋友可以學(xué)習(xí)下。2018-02-02