輕松學(xué)習(xí)Javascript閉包函數(shù)
閉包函數(shù)是什么?在開始學(xué)習(xí)的閉包的時(shí)候,大家很能都比較難理解.就從他的官方解釋來說,都是比較概念化的.
不過我們也還是從閉包的含義出發(fā)。
閉包是指函數(shù)有自由獨(dú)立的變量。換句話說,定義在閉包中的函數(shù)可以“記憶”它創(chuàng)建時(shí)候的環(huán)境。
官方解釋說完后,我們先來看一個(gè)簡(jiǎn)單計(jì)數(shù)的例子.
var c = 0;
function count(){
c++;
}
count();// 1
count();// 2這個(gè)例子是利用了全局變量來實(shí)現(xiàn),但是這里有個(gè)問題是,c這個(gè)變量也容易被其他方式所調(diào)用,這時(shí)候就可能會(huì)改變 c 的存儲(chǔ)值.造成這個(gè)count計(jì)數(shù)的失效.那怎么很好的處理這個(gè)問題呢!我們會(huì)想到的是使用局部變量的方式來處理.比如:
function count(){
var c = 0;
function add(){
c++;
}
add();
}
count();// c = 1
count();// c = 1因?yàn)檫@樣創(chuàng)建之后,內(nèi)部變量只存在于count函數(shù)創(chuàng)建執(zhí)行的時(shí)候,執(zhí)行完之后,整個(gè)函數(shù)就會(huì)被丟棄掉.就無法達(dá)到有記憶的能力.那要怎么來實(shí)現(xiàn)呢?那我們就用閉包來解決.我要重新提一次:閉包 = 函數(shù) + 環(huán)境
function count(){
var c = 0;
function add(){
c++;
}
return add;
}
var ct = count();
ct(); // c = 1
ct(); // c = 2
這個(gè)時(shí)候我們就可以通過這個(gè)閉包來完成計(jì)數(shù)的能力.ct就是一個(gè)閉包函數(shù),內(nèi)部的環(huán)境就是這個(gè)局部變量 c. 這里我們達(dá)到的就是內(nèi)部數(shù)據(jù),外部來操作.那閉包除了這個(gè)還有什么其他功能呢?
用閉包模擬私有方法
這有點(diǎn)像JAVA的私有方法或者私有變量,只能允許自己來操作!如果外部操作,就需要設(shè)定公開的方法來操作.
var person = (function(){
var _name = "編程的人";
var age = 20;
return {
add:function(){
age++;
},
jian:function(){
age--;
},
getAge:function() {
return age;
},
getName:function(){
return _name;
},
setName: function (name) {
_name = name;
}
}
})();
person.add();
var age = person.getAge();
console.log(age)
person.setName("編程的人公眾號(hào):bianchengderen")
console.log(person.getName())這里應(yīng)該很容易理解了吧! 有點(diǎn)面向?qū)ο缶幊痰母杏X。當(dāng)然Javascript現(xiàn)在也有面向?qū)ο缶幊痰奶攸c(diǎn).這點(diǎn)我們以后來說明.
目前為止,我們從計(jì)數(shù)到內(nèi)部私有化的例子,來說明閉包,希望大家能簡(jiǎn)單明白其中的道理,當(dāng)然閉包還有其他的功能利用是比較方便的。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。
- JavaScript閉包函數(shù)訪問外部變量的方法
- javascript中的return和閉包函數(shù)淺析
- js實(shí)現(xiàn)拖拽 閉包函數(shù)詳細(xì)介紹
- javascript高級(jí)編程之函數(shù)表達(dá)式 遞歸和閉包函數(shù)
- javascript 閉包函數(shù)做顯隱內(nèi)容
- 淺談JavaScript的閉包函數(shù)
- JavaScript 匿名函數(shù)(anonymous function)與閉包(closure)
- js bind 函數(shù) 使用閉包保存執(zhí)行上下文
- 弱類型語言javascript中 a,b 的運(yùn)算實(shí)例小結(jié)
相關(guān)文章
每天一篇javascript學(xué)習(xí)小結(jié)(Boolean對(duì)象)
這篇文章主要介紹了javascript中的Boolean對(duì)象知識(shí)點(diǎn),對(duì)Boolean對(duì)象的基本使用方法進(jìn)行解釋,一段很詳細(xì)的代碼介紹,感興趣的小伙伴們可以參考一下2015-11-11
ElementUI在實(shí)際項(xiàng)目使用步驟詳解
這篇文章主要介紹了ElementUI在實(shí)際項(xiàng)目使用的功能總結(jié),本文分步驟通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-07-07
layui加載數(shù)據(jù)顯示loading加載完成loading消失的實(shí)例代碼
今天小編就為大家分享一篇layui加載數(shù)據(jù)顯示loading加載完成loading消失的實(shí)例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
js利用Array.splice實(shí)現(xiàn)Array的insert/remove
從一個(gè)數(shù)組中移除一個(gè)或多個(gè)元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素。2009-01-01
Bootstrap柵格系統(tǒng)學(xué)習(xí)筆記
這篇文章主要為大家詳細(xì)介紹了Bootstrap柵格系統(tǒng)學(xué)習(xí)筆記,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11
微信小程序獲取地理位置及經(jīng)緯度授權(quán)代碼實(shí)例
這篇文章主要介紹了微信小程序獲取地理位置及經(jīng)緯度授權(quán)代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09

