环境与作用域与闭包
環(huán)境與作用域
在瀏覽器環(huán)境下，全局?jǐn)?shù)據(jù)默認(rèn)不會被回收，直到瀏覽器關(guān)閉
全局?jǐn)?shù)據(jù)可以滲透到函數(shù)內(nèi)部，被函數(shù)內(nèi)部訪問
函數(shù)的環(huán)境與作用域
-
函數(shù)體內(nèi)定義的數(shù)據(jù)默認(rèn)在函數(shù)內(nèi)部使用
function exam() {var a = 1let b = 2const c = 3console.log(a) // 1console.log(b) // 2console.log(c) // 3 } exam() console.log(a, b, c) // Uncaught ReferenceError: a is not defined -
子級函數(shù)內(nèi)定義數(shù)據(jù)不會向父級傳遞，但可以訪問父級數(shù)據(jù)
function exam() {var a = 1function test() {let b = 2console.log(a) // 1}test()console.log(b) // Uncaught ReferenceError: b is not defined at exam } exam() -
函數(shù)不調(diào)用不開辟空間
-
函數(shù)調(diào)用一次，開辟一次空間，每次都不相同
-
函數(shù)運(yùn)行結(jié)束，內(nèi)部數(shù)據(jù)未被使用則釋放空間
function exam() {let n = 1console.log(++n) } exam() // 2 exam() // 2 exam() // 2 -
若函數(shù)內(nèi)部存在數(shù)據(jù)被使用則不釋放空間
function test() {let n = 1return function () {console.log(++n)} } let run = test() run() // 2 run() // 3 run() // 4 run() // 5
構(gòu)造函數(shù)中作用域形態(tài)
-
new會開辟空間存放數(shù)據(jù)，在實(shí)例銷毀之前，對實(shí)例數(shù)據(jù)的更改都會反映在構(gòu)建的內(nèi)存空間中
function Fn() {let n = 1this.sum = function () {console.log(++n)} } const a = new Fn() a.sum() // 2 a.sum() // 3 a.sum() // 4 a.sum() // 5
塊級作用域
es6中定義的let、const為塊級作用域
{var a = 3console.log(a) // 3 } {let b = 2console.log(b) // 2 } console.log(a) // 3 console.log(b) // ReferenceError: b is not definedfor中的var、let
-
for 自帶塊級特性
for (var i = 0; i < 2; i++) {console.log(i) // 0 1 } for (let j = 0; j < 2; j++) {console.log(j) // 0 1 } console.log(i) // 2 console.log(j) // j is not defined -
由于var不存在塊級作用域，在存在定時器等特殊狀況的情況下得不到預(yù)期結(jié)果
for (var i = 0; i < 2; i++) {setTimeout(function() {console.log(i) // 2 2}, 1000); } for (let j = 0; j < 2; j++) {setTimeout(function() {console.log(j) // 0 1}, 1000); } console.log(i) // 2var表示在全局定義數(shù)據(jù)i，在定時器函數(shù)構(gòu)建的空間中不會存儲變量i而是從父級作用域中取值
for作為同步代碼先行執(zhí)行后i=2，等定時器函數(shù)運(yùn)行時i已經(jīng)被賦值為2
let具備塊作用域，定時函數(shù)在構(gòu)建空間存儲時會將當(dāng)前i的值保存在自己的作用域空間中，使用時先從自身作用域空間查找使用
模擬出var的塊級作用域
for (var i = 0; i <= 3; i++) {(function (i) {setTimeout(() => {console.log(i) // 0 1 2 3}, 1000)})(i) } console.log('window.i',i) // 4利用自調(diào)用函數(shù)將循環(huán)中的i作為實(shí)參傳遞(實(shí)際是建立了循環(huán)次數(shù)**(4次)**的新函數(shù)作用域空間)
定時器函數(shù)構(gòu)建作用域空間時會攜帶每次傳遞來的實(shí)參作為自身參數(shù)
閉包
函數(shù)可以訪問其他函數(shù)作用域內(nèi)的數(shù)據(jù)
閉包運(yùn)用之?dāng)?shù)組區(qū)間
let arr = [1,2,3,45,66,5,63,345,4251,3] function between(start,end) {return function (value) {return value>= start && value<=end} } console.log(arr.filter(between(5,100))) // [45, 66, 5, 63]filter需要一個回調(diào)函數(shù)
建立函數(shù)between返回filter需要的回調(diào)函數(shù)
由于作用域問題，在回調(diào)函數(shù)執(zhí)行時獲取父級作用域空間的數(shù)據(jù)的（即形成閉包）
因此傳遞實(shí)參給between以達(dá)到控制數(shù)組區(qū)間的目的
閉包的內(nèi)存泄漏
<body><button desc="storage">內(nèi)存</button><button desc="leak">泄漏</button><button desc="problem">問題</button><script>let btns = document.querySelectorAll('button')btns.forEach(item=>{let desc = item.getAttribute('desc')item.addEventListener('click',()=>{console.log('desc:',desc)console.log('item:',item)})item = null})</script> </body>由于函數(shù)內(nèi)數(shù)據(jù)使用時不釋放內(nèi)存的原因，對于事件處理函數(shù)中會存儲DOM對象本身，對于只需要獲取特定數(shù)據(jù)的操作來說，無疑導(dǎo)致了大量的內(nèi)存浪費(fèi)，過多的事件處理函數(shù)可能導(dǎo)致內(nèi)存泄漏問題
因此在事件處理函數(shù)之外獲取數(shù)據(jù)，通過閉包可以在事件處理函數(shù)中獲取數(shù)據(jù)，之后在手動釋放內(nèi)存空間，以達(dá)到優(yōu)化程序的作用
總結(jié)
- 上一篇： lua学习笔记－－－作用域
- 下一篇： pic16f1829 c语言,PIC16