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