js中作用域與函數閉包實例講解

本文主要跟大家分享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.

#相關推薦：

js中的作用域鍊和原型鏈以及原型繼承

JS作用域鍊和閉包實例分享

JavaScript作用域與閉包詳解

以上是js中作用域與函數閉包實例講解的詳細內容。更多資訊請關注PHP中文網其他相關文章！