js閉包的作用域以及閉包案列的介紹

2022-02-22 18:00:36 字數 1443 閱讀 9795

**▼標籤:

js閉包的作用域以及閉包案列的介紹:

首先我們根據前面的介紹來分析js閉包有什麼作用,他會給我們程式設計帶來什麼好處?

閉包是為了更方便我們在處理js函式的時候會遇到以下的幾種情況:

列1:function f1()

function f2()

f1();//a沒有定義

或者說我想呼叫乙個全域性變數的時候卻發現不能呼叫,或者沒有這個變數,沒有定義這個變數,還要在想呼叫的時候不能重複出現,怎麼辦呢?所以就有了閉包的出現?js閉包給我們更方便的提供怎麼在js裡去處理乙個全域性的變數或者全域性的方法,下面我們來了解下閉包怎麼去用?

比如說:

function f()

}上面的**是乙個簡單的閉包,我們很明顯的看到在方法的內部有乙個變數(var b),這個b就是在f()方法裡的全域性變數,也就是說我只要在f()方法的內部都可以呼叫它,而 return function()是f()方法的作用域,這個作用域是為了方便我們在呼叫f()方法下面的b的時候讓b保留在輸出的方法內部;

function f()

}f()();

這樣一來我們在呼叫f()輸出b的時候就不會出現呼叫不到或者是在同乙個方法中不想呼叫時重複出現的情況;很簡單吧!!!

官方的結論:我們就可以說當乙個函式指向了它的父作用域,就可以稱之為閉包。

下面在給你們提個問題:

function f(arg)

arg++;

return n;

}var m= f(123);

m();//124

上面是乙個js的閉包,你能告訴我他的父作用域和子作用域嗎?

怎麼用閉包在迴圈中的應用?

來看乙個錯誤的js閉包的介紹:

function f()

}return a;

}var a = f();

a[0]();//3

a[1]();//3

a[2]();//3

知道為什麼是錯誤的嗎?

照常理來說我們理想的值應該是0,1,2;但是卻不是的,為什麼呢?其實我們在迴圈的過程中忘記做一件事,那就是去保留原來在陣列a[i]的值,它沒有保留原來的值,而是把原來的值拿去迴圈了,所以迴圈後的最終結果就是a[i]要輸出的最終結果,那我們要怎麼正確的去寫呢?來看**:

function f()

})(i);

}return a;

}var a = f();

a[0]();//0

a[1]();//1

a[2]();//2

想知道為什麼對了嗎?我們可以看到,這串**和剛才的**我們多新增乙個輸出的方法,那是該閉包最後執行的作用域,我們把迴圈的結果都儲存到(return function()

}var a = ;

var i;

for(i = 0; i < 3; i++)

return a;

}from :

作用域 閉包

1.js執行順序 語法分析 預編譯 先生成go物件 1.函式執行生成ao物件 2.形參和變數作為ao物件的鍵名,鍵值是undefined 3.實參賦值給形參 4.在函式中找到函式宣告,把函式作為ao物件的屬性名,屬性值為函式體 執行js 作用域 變數作用範圍 1.作用域 變數作用範圍 1 函式作用域...

js的作用域和閉包

1.作用域 乙個變數的可用範圍 全域性作用域 除了函式內,客廳 區域性作用域 函式內 小房間 全域性變數 在全域性作用域內宣告的變數 客廳裡面的東西 區域性變數 在區域性作用域內宣告的變數 你臥室裡面的東西 全域性作用域不能訪問區域性,區域性作用域可以訪問全域性 2.閉包 用來解決全域性汙染的,用來...

js 作用域和閉包

作用域應用的特色情況,有兩種表現 自由變數的查詢,在函式定義的地方,向上級作用域查詢不是在執行的地方 函式作為返回值 function create const fn create const a 200 fn 100 函式作為引數 function print fn const a 100 fun...