Javascript中return的使用與閉包詳解
前言
Javascript中閉包是一個(gè)擁有許多變量和綁定了這些變量的環(huán)境的表達(dá)式(通常是一個(gè)函數(shù)),因而這些變量也是該表達(dá)式的一部分。而return語句在js中起到舉足輕重的作用,該關(guān)鍵字不僅具有返回函數(shù)值得功能,還具有一些特殊的用法,下面就來看看關(guān)于Javascript中return的使用與閉包的詳細(xì)介紹吧。
一、return的使用
案例一:
var a=1;
for(var b=0; b<10; b++){
return b;
};
sonsole.log(b)//返回為空
個(gè)人認(rèn)為此處左右與為全局,,return 之后后面代碼均不會(huì)執(zhí)行;
案例二:
var a=1;
function bb(){
for(var b=0;b<10;b++){
return b;
};
};
console.log(bb);//返回0
二、鏈?zhǔn)阶饔糜蚝烷]包
先看一個(gè)案例:
var a=1;
function f1(){
var b=2;
function f2(){
console.log(a);//1
console.log(b)//2
};
};
鏈?zhǔn)阶饔糜颍?/strong>在上面的代碼中,函數(shù)f2就被包括在函數(shù)f1內(nèi)部,這時(shí)f1內(nèi)部的所有局部變量,對f2都是可見的。但是反過來就不行,f2內(nèi)部的局部變量,對f1 就是不可見的。這就是Javascript語言特有的“鏈?zhǔn)阶饔糜颉苯Y(jié)構(gòu);
閉包:講白了就是 利用一種方式實(shí)現(xiàn)訪問局部變量的功能;
由于在Javascript語言中,只有函數(shù)內(nèi)部的子函數(shù)才能讀取局部變量,因此可以把閉包簡單理解成“定義在一個(gè)函數(shù)內(nèi)部的函數(shù)”。
所以,在本質(zhì)上,閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接起來的一座橋梁。
function f1(){
var a=1;
function f2(){
alert(a);
};
return f2
};
console.log(f1());//function f2(){alert(a);};
console.log(f1()());//彈出1
所以一般可以這樣寫:
function f1(){
var a=1;
function f2(){
alert(a);
};
return f2
};
var result=f1();
console.log(result());//彈出1
閉包完整案例:
function f1(){
n=999;
function f2(){
alert(n);
}
return f2;
}
var result=f1();
result(); // 999
現(xiàn)在通過f2可以實(shí)現(xiàn)訪問f1中的局部變量n,這就是閉包。
閉包作用:一個(gè)是前面提到的可以讀取函數(shù)內(nèi)部的變量,另一個(gè)就是讓這些變量的值始終保持在內(nèi)存中。
function f1(){
var a=222;
f2=function(){//注意此處這樣寫,這和使用var則為局部變量,不適用則為全局一個(gè)道理;
alert(a);
};
};
f1()//空
f2()//222,此處不用閉包就可訪問
function f1(){
var a=222;
function f2(){//此處為函數(shù)
alert(a);
};
nAdd=function(){a+=1};
return f2
};
var obj=f1();
obj()//222
nAdd()//空
obj();//223,同時(shí)說明函數(shù)f1中的局部變量a一直保存在內(nèi)存中,并沒有在f1調(diào)用后被自動(dòng)清除
為什么會(huì)這樣呢?原因就在于f1是f2的父函數(shù),而f2被賦給了一個(gè)全局變量,這導(dǎo)致f2始終在內(nèi)存中,而f2的存在依賴于f1,因此f1也始終在內(nèi)存中,不會(huì)在調(diào)用結(jié)束后,被垃圾回收機(jī)制(garbage collection)回收。
這段代碼中另一個(gè)值得注意的地方,就是“ nAdd=function(){n+=1} ”這一行,首先在nAdd前面沒有使用var關(guān)鍵字,因此 nAdd是一個(gè)全局變量,而不是局部變量。其次,nAdd的值是一個(gè)匿名函數(shù)(anonymous function),而這個(gè)
匿名函數(shù)本身也是一個(gè)閉包,所以nAdd相當(dāng)于是一個(gè)setter,可以在函數(shù)外部對函數(shù)內(nèi)部的局部變量進(jìn)行操作。
使用閉包的注意點(diǎn)
1)由于閉包會(huì)使得函數(shù)中的變量都被保存在內(nèi)存中,內(nèi)存消耗很大,所以不能濫用閉包,否則會(huì)造成網(wǎng)頁的性能問題,在IE中可能導(dǎo)致內(nèi)存泄露。解決方法是,在退出函數(shù)之前,將不使用的局部變量全部刪除。
2)閉包會(huì)在父函數(shù)外部,改變父函數(shù)內(nèi)部變量的值。所以,如果你把父函數(shù)當(dāng)作對象(object)使用,把閉包當(dāng)作它的公用方法(Public Method),把內(nèi)部變量當(dāng)作它的私有屬性(private value),這時(shí)一定要小心,不要隨便
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。
相關(guān)文章
js調(diào)用AJAX時(shí)Get和post的亂碼解決方法
在使用"get"時(shí),抓取的頁面最后加上編碼類型,在使用post時(shí)用vbscript解決了編碼問題,具體實(shí)現(xiàn)如下,有類似情況的朋友可以參考下哈2013-06-06
說明你的Javascript技術(shù)很爛的五個(gè)原因
Javascript在互聯(lián)網(wǎng)上名聲很臭,但你又很難再找到一個(gè)像它這樣如此動(dòng)態(tài)、如此被廣泛使用、如此根植于我們的生活中的另外一種語言。2011-04-04
layui: layer.open加載窗體時(shí)出現(xiàn)遮罩層的解決方法
今天小編就為大家分享一篇layui: layer.open加載窗體時(shí)出現(xiàn)遮罩層的解決方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09

