Javascript中return的使用與閉包詳解
前言
Javascript中閉包是一個擁有許多變量和綁定了這些變量的環(huán)境的表達式(通常是一個函數(shù)),因而這些變量也是該表達式的一部分。而return語句在js中起到舉足輕重的作用,該關(guān)鍵字不僅具有返回函數(shù)值得功能,還具有一些特殊的用法,下面就來看看關(guān)于Javascript中return的使用與閉包的詳細介紹吧。
一、return的使用
案例一:
var a=1; for(var b=0; b<10; b++){ return b; }; sonsole.log(b)//返回為空
個人認為此處左右與為全局,,return 之后后面代碼均不會執(zhí)行;
案例二:
var a=1; function bb(){ for(var b=0;b<10;b++){ return b; }; }; console.log(bb);//返回0
二、鏈?zhǔn)阶饔糜蚝烷]包
先看一個案例:
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)部,這時f1內(nèi)部的所有局部變量,對f2都是可見的。但是反過來就不行,f2內(nèi)部的局部變量,對f1 就是不可見的。這就是Javascript語言特有的“鏈?zhǔn)阶饔糜颉苯Y(jié)構(gòu);
閉包:講白了就是 利用一種方式實現(xiàn)訪問局部變量的功能;
由于在Javascript語言中,只有函數(shù)內(nèi)部的子函數(shù)才能讀取局部變量,因此可以把閉包簡單理解成“定義在一個函數(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可以實現(xiàn)訪問f1中的局部變量n,這就是閉包。
閉包作用:一個是前面提到的可以讀取函數(shù)內(nèi)部的變量,另一個就是讓這些變量的值始終保持在內(nèi)存中。
function f1(){ var a=222; f2=function(){//注意此處這樣寫,這和使用var則為局部變量,不適用則為全局一個道理; 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ù)f1中的局部變量a一直保存在內(nèi)存中,并沒有在f1調(diào)用后被自動清除
為什么會這樣呢?原因就在于f1是f2的父函數(shù),而f2被賦給了一個全局變量,這導(dǎo)致f2始終在內(nèi)存中,而f2的存在依賴于f1,因此f1也始終在內(nèi)存中,不會在調(diào)用結(jié)束后,被垃圾回收機制(garbage collection)回收。
這段代碼中另一個值得注意的地方,就是“ nAdd=function(){n+=1}
”這一行,首先在nAdd前面沒有使用var關(guān)鍵字,因此 nAdd是一個全局變量,而不是局部變量。其次,nAdd的值是一個匿名函數(shù)(anonymous function),而這個
匿名函數(shù)本身也是一個閉包,所以nAdd相當(dāng)于是一個setter,可以在函數(shù)外部對函數(shù)內(nèi)部的局部變量進行操作。
使用閉包的注意點
1)由于閉包會使得函數(shù)中的變量都被保存在內(nèi)存中,內(nèi)存消耗很大,所以不能濫用閉包,否則會造成網(wǎng)頁的性能問題,在IE中可能導(dǎo)致內(nèi)存泄露。解決方法是,在退出函數(shù)之前,將不使用的局部變量全部刪除。
2)閉包會在父函數(shù)外部,改變父函數(shù)內(nèi)部變量的值。所以,如果你把父函數(shù)當(dāng)作對象(object)使用,把閉包當(dāng)作它的公用方法(Public Method),把內(nèi)部變量當(dāng)作它的私有屬性(private value),這時一定要小心,不要隨便
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。
相關(guān)文章
xmlplus組件設(shè)計系列之圖標(biāo)(ICON)(1)
這篇文章主要為大家詳細介紹了xmlplus組件設(shè)計系列之圖標(biāo)ICON的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05使用JavaScript獲取掃碼槍掃描得到的條形碼的思路代碼詳解
這篇文章主要介紹了使用JavaScript獲取掃碼槍掃描得到的條形碼的思路代碼詳解,本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06跟我學(xué)習(xí)javascript的執(zhí)行上下文
跟我學(xué)習(xí)javascript的執(zhí)行上下文,讀完本文后,你應(yīng)該清楚了解釋器做了什么,為什么函數(shù)和變量能在聲明前使用以及它們的值是如何決定的,需要了解這些內(nèi)容的朋友可以參考下2015-11-11利用JavaScript實現(xiàn)簡單的網(wǎng)頁時鐘
這篇文章主要介紹了利用JavaScript實現(xiàn)簡單的網(wǎng)頁時鐘,主要使用了js的日期對象,實現(xiàn)的時候先創(chuàng)建一個日期對象,并進行網(wǎng)頁布局,對時間獲取之后將時間填入對應(yīng)的標(biāo)簽內(nèi)。然后使用多線程實現(xiàn)時鐘的變動,需要的朋友可以參考一下2022-02-02