js中作用域與函數閉包

1.作用域很簡單,只是簡單的點一下,js的作用域沒有塊級作用域,只有全局作用域與函數作用域;

例如:

if(true){

var a=100;

}

console.log(a);

在java或者c中大括號就是塊外邊是獲取不到的,但是在js中是可以的,就相當於

var a;

if(true){

a=100;

}

這裏的a就是全局作用域;凡是在函數外定義的變量都是全局作用域。

特例:

function  Loga(){

a=100

}

console.log(a);

這裏的a也是可以獲取到的,當在函數內部不帶var 就直接聲明變量時也是把父作用域當作作用域,但是不建議這麼寫,一般需要聲明定義。

對於函數作用域通過字面理解就是定義在函數內部的變量就是在函數內部起作用;

函數作用域與全局作用域的區別是,函數作用域內可以調用全局作用域的變量並進行修改,但是全局作用域不能調用函數作用域內定義的變量,這裏定義很關鍵(是不是修改),這裏涉及到作用域鏈,就是變量依次可以訪問父級作用域的變量,通俗講就是從內向外可以訪問但是從外向內是不可以訪問的。

2.閉包

閉包的概念沒有一個確切的說法,下面來說一下閉包的使用場景

a.函數作爲返回值;

b.函數作爲參數傳遞

例子:

  function F1(){
    		var a=100
		return function(){
			console.log(a);//a是自由變量
		}
	}
	var a=200;
	var f=F1();
	f();

       

這是一個典型的閉包案例,返回值f爲一個函數,執行環境是全局,但是生成環境是在F1中,這裏函數的作用域就是F1,所以輸出就是100;這裏的a是自由變量,要去父作用域查找,就是F1.

第二中情況,函數作爲參數傳遞

	function F1(){
		var a=100
		return function(){
			console.log(a);
		}
	}
	var a=200;
	var f=F1();
	function F2(fn){
		var a=300;
		fn();
	}
	F2(f);

很顯然結果是一樣的,理由同上,執行環境是F2,但是生成環境是F1,父作用域是F1,所以輸出仍爲100.


發佈了17 篇原創文章 · 獲贊 13 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章