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

js閉包所用的場合以及優(yōu)缺點分析

 更新時間:2015年06月22日 09:48:34   投稿:hebedich  
這篇文章主要介紹了js閉包所用的場合以及優(yōu)缺點分析,十分的詳細使用,有需要的小伙伴可以參考下。

先上段代碼:

//函數(shù)a
function a()
{
var i=0;
//函數(shù)b
function b()
{
alert(++i);
}
return b;
}
//函數(shù)c
var c = a();
c();

代碼特點:

1、函數(shù)b嵌套在函數(shù)a內(nèi)部;
2、函數(shù)a返回函數(shù)b。
代碼中函數(shù)a的內(nèi)部函數(shù)b,被函數(shù)a外面的一個變量c引用的時候,這就叫創(chuàng)建了一個閉包。有時候函數(shù)b也可以用一個匿名函數(shù)代替來返回,即return function(){};

優(yōu)點:1.保護函數(shù)內(nèi)的變量安全,加強了封裝性 2.在內(nèi)存中維持一個變量(用的太多就變成了缺點,占內(nèi)存)
閉包之所以會占用資源是當函數(shù)a執(zhí)行結(jié)束后, 變量i不會因為函數(shù)a的結(jié)束而銷毀, 因為b的執(zhí)行需要依賴a中的變量。
不適合場景:返回閉包的函數(shù)是個非常大的函數(shù)

閉包的典型框架應(yīng)該就是jquery了。

閉包是javascript語言的一大特點,主要應(yīng)用閉包場合主要是為了:設(shè)計私有的方法和變量。
這在做框架的時候體現(xiàn)更明顯,有些方法和屬性只是運算邏輯過程中的使用的,不想讓外部修改這些屬性,因此就可以設(shè)計一個閉包來只提供方法獲取。

閉包的缺點就是常駐內(nèi)存,會增大內(nèi)存使用量,使用不當很容易造成內(nèi)存泄露。

總結(jié)一下:

優(yōu)點:

1. 邏輯連續(xù),當閉包作為另一個函數(shù)調(diào)用的參數(shù)時,避免你脫離當前邏輯而單獨編寫額外邏輯。
2. 方便調(diào)用上下文的局部變量。
3. 加強封裝性,第2點的延伸,可以達到對變量的保護作用。

缺點:

閉包有一個非常嚴重的問題,那就是內(nèi)存浪費問題,這個內(nèi)存浪費不僅僅因為它常駐內(nèi)存,更重要的是,對閉包的使用不當會造成無效內(nèi)存的產(chǎn)生,看下面的例子:

var array = [];
function abc() {
var foo = function(){
}
array.push(foo);
return foo;
}
for(var i = 0 ; i < 10000; i ++)
{
abc();
}

alert(array[0] == array[1]);

通過上面的測試我們會看到這一萬次abc()執(zhí)行所產(chǎn)生的同一個邏輯的閉包的地址并不相同,也就是說它生產(chǎn)了一堆的一模一樣的Function對象,這樣有好處就是可以以工廠模式產(chǎn)生函數(shù)以備使用,然而如果你的稍有不慎將閉包當做常態(tài)邏輯使用,就不可避免的會造成內(nèi)存垃圾。當中換個語法可能更好理解:

var foo = new Function();

所以關(guān)于閉包,就我自己的習(xí)慣而言,能不用就不用,如果非用不可,那就想辦法保持閉包對象的數(shù)量很少甚至唯一。

以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。

相關(guān)文章

  • JS利用map整合雙數(shù)組的小技巧分享

    JS利用map整合雙數(shù)組的小技巧分享

    Map是一組鍵值對的結(jié)構(gòu),具有極快的查找速度,下面這篇文章主要給大家介紹了關(guān)于JS利用map整合雙數(shù)組的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
    2021-08-08
  • JavaScript 通過Ajax 動態(tài)加載CheckBox復(fù)選框

    JavaScript 通過Ajax 動態(tài)加載CheckBox復(fù)選框

    本文通過實例代碼給大家介紹了JavaScript 通過Ajax 動態(tài)加載CheckBox復(fù)選框的方法,需要的朋友參考下吧
    2017-08-08
  • wufengteam?core統(tǒng)一中心注冊器功能解析

    wufengteam?core統(tǒng)一中心注冊器功能解析

    這篇文章主要為大家介紹了wufengteam?core統(tǒng)一中心注冊器功能解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-11-11
  • JavaScript正則表達式函數(shù)總結(jié)(常用)

    JavaScript正則表達式函數(shù)總結(jié)(常用)

    正則表達式作為一種匹配處理字符串的利器在很多語言中都得到了廣泛實現(xiàn)和應(yīng)用.這篇文章主要介紹了JavaScript正則表達式函數(shù)總結(jié),需要的朋友可以參考下
    2018-02-02
  • JS上傳前預(yù)覽圖片實例

    JS上傳前預(yù)覽圖片實例

    上傳圖片對圖片進行一下預(yù)覽,可以了解圖片上傳后大概會是什么樣子,此功能用js實現(xiàn),然后在fileupload控件的change事件中調(diào)用,這樣當用fileupload選擇完圖片以后,圖片就會自動顯示出來了。功能很簡單,卻很實用。
    2013-03-03
  • mui js控制開關(guān)狀態(tài)、修改switch開關(guān)的值方法

    mui js控制開關(guān)狀態(tài)、修改switch開關(guān)的值方法

    今天小編就為大家分享一篇mui js控制開關(guān)狀態(tài)、修改switch開關(guān)的值方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • JS判定是否原生方法

    JS判定是否原生方法

    這篇文章介紹了js判定是否原生方法,有需要的朋友可以參考一下
    2013-07-07
  • js實現(xiàn)純前端壓縮圖片

    js實現(xiàn)純前端壓縮圖片

    這篇文章主要為大家詳細介紹了js實現(xiàn)純前端壓縮圖片,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • JavaScript操作元素教你改變頁面內(nèi)容樣式

    JavaScript操作元素教你改變頁面內(nèi)容樣式

    這篇文章主要為大家介紹了JavaScript操作元素,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2021-11-11
  • 騰訊的ip接口 方便獲取當前用戶的ip地理位置

    騰訊的ip接口 方便獲取當前用戶的ip地理位置

    在論壇中閑逛,無意中發(fā)現(xiàn)騰訊的ip接口。還是挺有意思的。大家可以利用下,這個IP接口所查詢到的還是比較準確,我發(fā)給幾個朋友測試了一下都是正確的,畢竟是騰訊的東西。
    2010-11-11

最新評論