欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript中return的使用與閉包詳解

 更新時間:2017年01月11日 08:50:31   作者:還能再菜點嗎?  
Javascript中return與閉包對大家來說應(yīng)該都不陌生,下面本文就給大家介紹了Javascript中return的使用與閉包。文中給出了詳細的示例代碼,對大家的理解和學(xué)習(xí)具有一定的參考借鑒價值,感興趣的朋友們下面來一起看看吧。

前言

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)文章

  • 用倒置濾鏡把div倒置,再把table倒置。

    用倒置濾鏡把div倒置,再把table倒置。

    用倒置濾鏡把div倒置,再把table倒置。...
    2007-07-07
  • 小程序跳轉(zhuǎn)H5頁面的方法步驟

    小程序跳轉(zhuǎn)H5頁面的方法步驟

    這篇文章主要介紹了小程序跳轉(zhuǎn)H5頁面的方法步驟,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-03-03
  • xmlplus組件設(shè)計系列之圖標(biāo)(ICON)(1)

    xmlplus組件設(shè)計系列之圖標(biāo)(ICON)(1)

    這篇文章主要為大家詳細介紹了xmlplus組件設(shè)計系列之圖標(biāo)ICON的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • 使用JavaScript獲取掃碼槍掃描得到的條形碼的思路代碼詳解

    使用JavaScript獲取掃碼槍掃描得到的條形碼的思路代碼詳解

    這篇文章主要介紹了使用JavaScript獲取掃碼槍掃描得到的條形碼的思路代碼詳解,本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-06-06
  • ??一文帶你了解JavaScript多文件混淆加密

    ??一文帶你了解JavaScript多文件混淆加密

    JavaScript?代碼多文件混淆加密可以有效保護源代碼不被他人輕易盜取,這篇文章主要為大家介紹了JavaScript中混淆加密的實現(xiàn),需要的小伙伴可以參考下
    2023-11-11
  • 跟我學(xué)習(xí)javascript的執(zhí)行上下文

    跟我學(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)頁時鐘

    這篇文章主要介紹了利用JavaScript實現(xiàn)簡單的網(wǎng)頁時鐘,主要使用了js的日期對象,實現(xiàn)的時候先創(chuàng)建一個日期對象,并進行網(wǎng)頁布局,對時間獲取之后將時間填入對應(yīng)的標(biāo)簽內(nèi)。然后使用多線程實現(xiàn)時鐘的變動,需要的朋友可以參考一下
    2022-02-02
  • Javascript操作URL函數(shù)修改版

    Javascript操作URL函數(shù)修改版

    一個非常不錯的Javascript操作URL函數(shù)可以新增,修改,刪除 URL參數(shù)
    2013-11-11
  • js Array操作的最簡短最容易理解方法

    js Array操作的最簡短最容易理解方法

    這篇文章主要是對js中的Array操作進行了詳細的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12
  • js仿黑客帝國字母掉落效果代碼分享

    js仿黑客帝國字母掉落效果代碼分享

    這篇文章主要展示了js仿黑客帝國字母掉落效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2015-08-08

最新評論