JS作用域

ASCH 發(fā)布于2019-08-23 13:57 / 2632人閱讀

摘要：作用域作用讀寫域空間范圍區(qū)域解析器全局變量全局函數(shù)。自上而下函數(shù)域局部變量局部函數(shù)。中使用，自己未定義，在中定義的變量，會報錯中使用，中定義的變量，可以使用。由里而外沒有塊級作用域的概念，會解析里邊的。并添加到當(dāng)前環(huán)境中。

作用域
作用：讀、寫
域：空間、范圍、區(qū)域
----JS解析器-----

script 全局變量、全局函數(shù)。【自上而下】
函數(shù)域 局部變量、局部函數(shù)。【自里而外】

1)JS的預(yù)解析

找一些東西【var function 參數(shù)】
1、var a = 1;
找到 var a，設(shè)置成 a = undefined。不讀取后邊的 = 1。
【所有的變量，在正式運(yùn)行代碼之前，都賦值一個值，undefined】
2、fn1 = function fn1() { alert(2); }
【所有的函數(shù)，在正式運(yùn)行代碼之前，都是整個函數(shù)塊，不運(yùn)行里邊的內(nèi)容】

**預(yù)解析機(jī)制
遇到重名的：只留一個，留下不留上。變量和函數(shù)重名，不論上下，留函數(shù)。

2)逐行解讀代碼
1、alert(a); //undefined
因?yàn)镴S的預(yù)解析中，var a = undefined。
【開始解讀代碼，從JS的預(yù)解析中去找】
2、var a = 1; //通過表達(dá)式將a變成1
表達(dá)式： = - + * / % ++ -- ! 參數(shù)
【能改變值得都是表達(dá)式，表達(dá)式能修改預(yù)解析的值】
3、function fn1(){} //函數(shù)，沒被調(diào)用，不會執(zhí)行內(nèi)部代碼

//script 自上而下，執(zhí)行完script1，再執(zhí)行script2。
//script1中使用，自己未定義，在script2中定義的變量，會報錯
//script2中使用，script1中定義的變量，可以使用。

1、script預(yù)解析【var function 參數(shù)】
var a = undefined
function fn1(){}
2、逐行解讀代碼
var a = 1; //表達(dá)式
function fn1(){} //不執(zhí)行
fn1() //函數(shù)調(diào)用
2.1 預(yù)解析【var function 參數(shù)】
2.2逐行解讀代碼
3、繼續(xù)逐行解讀全局代碼

function(){} //運(yùn)行由里到外
作用域鏈
子級作用域（函數(shù)）沒有找到【var function 參數(shù)】，回到父級作用域找到【var function 參數(shù)】
逐行解析代碼，執(zhí)行表達(dá)式會更改父級【var function 參數(shù)】內(nèi)容

子級作用域（函數(shù)）找到【參數(shù)】，進(jìn)行預(yù)解析 = var 參數(shù)（局部變量）

1、有傳參的情況下，會默認(rèn)在子級函數(shù)作用域，解析 var a = undefined
2、逐行解讀代碼
var = 參數(shù) //執(zhí)行表達(dá)式,不傳參就是undefined
alert(a) //1 先在當(dāng)前作用域找a，如果有就直接使用，如果沒有就去父級作用域找。【由里而外】

JS沒有塊級作用域的概念，會解析if(){} for(){}里邊的var。并添加到當(dāng)前環(huán)境中。不會被銷毀
FF不能對if(){}, for(){} 里邊f(xié)unction進(jìn)行預(yù)解析,兼容性

在子級作用域中，使用匿名變量，會加載到全局作用域中。