快捷導(dǎo)航

JavaScript閉包的簡(jiǎn)單應(yīng)用

更新時(shí)間：2017年09月01日 10:35:55 作者：Mr.曹

這篇文章主要為大家詳細(xì)介紹了JavaScript閉包的簡(jiǎn)單應(yīng)用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

閉包定義

在JavaScript中，當(dāng)一個(gè)內(nèi)部函數(shù)被其外部函數(shù)之外的變量引用時(shí)，就形成了一個(gè)閉包。簡(jiǎn)單說，閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。

閉包的作用:

1. 可以讀取函數(shù)內(nèi)部的變量
2. 讓這些變量的值始終保持在內(nèi)存中。
閉包簡(jiǎn)單應(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é)束）

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

js
閉包

相關(guān)文章

用js編寫留言板
這篇文章主要為大家詳細(xì)介紹了用js編寫留言板，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03
webpack 處理CSS資源的實(shí)現(xiàn)
這篇文章主要介紹了webpack 處理CSS資源的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
js鏈接確認(rèn)提醒功能
非常不錯(cuò)的功能，當(dāng)單機(jī)一個(gè)鏈接時(shí)，會(huì)彈出確認(rèn)對(duì)話框效果
2008-09-09
利用JavaScript的%做隔行換色的實(shí)例
下面小編就為大家分享一篇利用JavaScript的%做隔行換色的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2017-11-11
JS實(shí)現(xiàn)的四叉樹算法詳解
這篇文章主要介紹了JS實(shí)現(xiàn)的四叉樹算法,簡(jiǎn)單分析了四叉樹的相關(guān)概念、原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下
2018-12-12
原生JS實(shí)現(xiàn)拖拽效果
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12
ECharts調(diào)用接口獲取后端數(shù)據(jù)的四種方法總結(jié)
echarts是我們經(jīng)常用到的數(shù)據(jù)可視化圖形,但是后端反饋給我們的數(shù)據(jù)經(jīng)常是數(shù)組包對(duì)象的集合類型,下面這篇文章主要給大家介紹了關(guān)于ECharts調(diào)用接口獲取后端數(shù)據(jù)的四種方法,需要的朋友可以參考下
2022-11-11
JS實(shí)現(xiàn)新浪微博效果帶遮罩層的彈出框代碼
這篇文章主要介紹了JS實(shí)現(xiàn)新浪微博效果帶遮罩層的彈出框代碼,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁面元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-10-10
修復(fù)ie8&chrome下window的resize事件多次執(zhí)行
window.onresize 事件專用事件綁定器 v0.1,用于解決 lte ie8 & chrome 及其他可能會(huì)出現(xiàn)的原生 window.resize 事件多次執(zhí)行的 BUG.
2011-10-10
js實(shí)現(xiàn)漫天星星效果
這篇文章主要為大家詳細(xì)介紹了js點(diǎn)擊出漫天的小星星，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01