js之闭包
js中的閉包是一個比較常見的核心概念,之前我們講的重載,函數(shù)柯里化中都用到了閉包,那么到底什么才是閉包呢,閉包能為我們干嘛呢?
按照js犀牛書的定義,閉包是指函數(shù)變量可以保存在函數(shù)作用域內(nèi),這句話的意思貌似太籠統(tǒng)了,而且范圍很廣,一般的函數(shù)內(nèi)都會包裹變量,那么也可以說有變量的函數(shù)就叫閉包嗎?顯然不是,我們看下js高程里的定義
閉包是指有權訪問另一個函數(shù)作用域中的變量的函數(shù),這就是說訪問外層函數(shù)變量的內(nèi)層函數(shù)就叫作閉包咯。那么我們換一種意思理解,閉包是指那些在當前作用域上的函數(shù)或者變量被下層作用域所調(diào)用,那么我們先來看一個簡單的閉包
function a(){var c= 2;var b = function(){console.log(c);}b();}a(); //輸出2在上面的函數(shù)中,我們聲明定義了一個a()函數(shù),在函數(shù)里有個變量c ,該變量被內(nèi)層函數(shù)b()使用輸出,最后調(diào)用內(nèi)層函數(shù)b();那按照上面的定義,因為在b的作用域內(nèi),調(diào)用了屬于a作用域內(nèi)的變量,所以形成了閉包。我們通過分析執(zhí)行環(huán)境來看一下閉包的過程
function foo(){var a = 2;function bar(){console.log(a);}test(bar);}function test(fn){fn();}foo();
首先,進入全局執(zhí)行環(huán)境,foo()和test()進行變量聲明,然后進入第十行執(zhí)行foo()函數(shù),此時進入foo的執(zhí)行環(huán)境
首先a 和bar()先進行聲明,然后執(zhí)行第六行代碼tes(bar) ,此時進入作用域鏈進行查詢,查詢test(),在全局作用域中找到test,然后進人test執(zhí)行環(huán)境,然后執(zhí)行bar,向上foo中查找bar,找到bar,然后執(zhí)行console,此時console是全局自帶的,在全局執(zhí)行環(huán)境中找到,然后查找a,在foo執(zhí)行環(huán)境中找到a,最后輸出2;這樣一來,我們就能很清楚的弄清楚閉包了,在局部函數(shù)中,變量通常會在函數(shù)執(zhí)行后就會消失,但因為有閉包存在,閉包變量在別的作用域中被調(diào)用,所以a不會消失,成為自由變量,直到被再次找到,閉包會造成內(nèi)存泄漏也是此原因。
最后我們留一道題目給大家思考,看一下對閉包的理解是否到位
for (var i=1; i<=5; i++) { setTimeout( function timer() {console.log(i);}, i*1000 ); }上面的代碼會輸出5個6,那么如何才能輸出1,2,3,4,5呢? 這里提示一下,這里的for循環(huán)在執(zhí)行時會生成5個定時器,然后定時器在沿著作用域鏈上去查找i,而此時的i的值可能跟你預想不一樣,這里需要用到閉包來做。
下回給大家講下作用域。
轉(zhuǎn)載于:https://www.cnblogs.com/maoxiaodun/p/10048615.html
《新程序員》:云原生和全面數(shù)字化實踐50位技術專家共同創(chuàng)作,文字、視頻、音頻交互閱讀總結
- 上一篇: 【Vue学习第三天】组件的使用
- 下一篇: 【修真院“善良”系列之十】初级Java程