JavaScript閉包的簡單應(yīng)用
更新時(shí)間：2017年09月01日 10:35:55 作者：Mr.曹
這篇文章主要為大家詳細(xì)介紹了JavaScript閉包的簡單應(yīng)用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
閉包定義
在JavaScript中，當(dāng)一個(gè)內(nèi)部函數(shù)被其外部函數(shù)之外的變量引用時(shí)，就形成了一個(gè)閉包。簡單說，閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。
閉包的作用:
1. 可以讀取函數(shù)內(nèi)部的變量
2. 讓這些變量的值始終保持在內(nèi)存中。
閉包簡單應(yīng)用
例一：
function a() {
var i = 0;
function b() {
console.log(++i);
}
return b;
}
var c = a(); //執(zhí)行完var c=a()后，變量c指向了函數(shù)b，再執(zhí)行c()后就會(huì)顯示i的值(為1)。
c(); //輸出1
例二：
(function() {
var i = 0;
return function(){
console.log(++i);
}
})()(); //輸出1
例三：
(function(i) {
return function(){
console.log(++i);
}
})(0)(); //輸出1
例四：
for (var i = 0; i < 3; i++) {
setTimeout((function(i) {
return function() {
console.log(i);
};
})(i), 2000);
console.log(i+10);
} //輸出 10 11 12 （隔兩秒后）0 1 2
例五：
for (var i = 0; i < 3; i++) {
setTimeout((function(i) {
return function() {
console.log(i);
};
})(i)(), 2000);
console.log(i+10);
} //立即輸出 0 10 1 11 2 12 ，（兩秒后運(yùn)行程序結(jié)束）
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了js獲取當(dāng)前日期前七天的方法,涉及javascript中for語句及日期操作的技巧,需要的朋友可以參考下2015-02-02
這篇文章主要幫助大家理解javascript對象繼承，先從一個(gè)問題出發(fā)，引入javascript對象繼承相關(guān)知識，感興趣的小伙伴們可以參考一下2016-04-04
highcharts.js數(shù)據(jù)綁定方式代碼實(shí)例
這篇文章主要介紹了highcharts.js數(shù)據(jù)綁定方式代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
微信小程序開發(fā)數(shù)據(jù)緩存基礎(chǔ)知識辨析及運(yùn)用實(shí)例詳解
這篇文章主要介紹了微信小程序開發(fā)數(shù)據(jù)緩存基礎(chǔ)知識辨析及運(yùn)用實(shí)例詳解,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-11-11
這篇文章主要介紹了基于JavaScript寫一款EJS模板引擎，基本語法就是定義render函數(shù)，接收html字符串，和data參數(shù)，下面其他具體介紹，需要的朋友可以參考一下2022-02-02
electron打包dist為可執(zhí)行程序的實(shí)現(xiàn)步驟
這篇文章主要介紹了electron打包dist為可執(zhí)行程序的實(shí)現(xiàn)步驟,文中通過代碼示例和圖文講解的非常詳細(xì),對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-04-04
JavaScript實(shí)現(xiàn)div的鼠標(biāo)拖拽效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)div的鼠標(biāo)拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了javascript彈出帶文字信息的提示框效果,涉及javascript簡單彈出窗口定義與樣式相關(guān)操作技巧,需要的朋友可以參考下2016-07-07
允許網(wǎng)頁寬度自動(dòng)調(diào)整的"自適應(yīng)網(wǎng)頁設(shè)計(jì)"到底是怎么做到的？下面我們就來通過示例來探討下。2015-06-06
在開發(fā)中可能有遇到過屏幕錄制的需求,無論是教學(xué)、演示還是游戲錄制,都需要通過屏幕錄制來記錄和分享內(nèi)容,MediaRecorder?是一種強(qiáng)大的技術(shù),可以在瀏覽器端實(shí)現(xiàn)屏幕錄制功能,本文將介紹如何使用JS?MediaRecorder?實(shí)現(xiàn)屏幕錄制,需要的朋友可以參考下2023-11-11