活動(dòng)的執(zhí)行上下文在邏輯上組成一個(gè)堆棧。堆棧底部永遠(yuǎn)都是全局上下文(global context)，堆棧頂部是當(dāng)前(活動(dòng)的)執(zhí)行上下文。堆棧在EC類型的變量(various kingds of EC)被推入或彈出的同時(shí)被修改。

--------------------------------------------------------------------------------

情況一： 在一段js代碼拿過(guò)來(lái)真正一句一句運(yùn)行之前，瀏覽器已經(jīng)做了一些“準(zhǔn)備工作”，其中就包括對(duì)變量的聲明，而不是賦值。變量賦值時(shí)在賦值語(yǔ)句執(zhí)行的時(shí)候進(jìn)行的。

情況二： 在“準(zhǔn)備工作”階段，this是直接賦值的。

復(fù)制代碼代碼如下:

console.log(this) //Window

情況三： 函數(shù): 函數(shù)表達(dá)式和函數(shù)聲明

 console.log(f1); //function f1() {}
function f1() {} //函數(shù)聲明
console.log(f2); //undefined
var f2 = function() {}; //函數(shù)表達(dá)式

“準(zhǔn)備工作”總結(jié):

•變量、函數(shù)表達(dá)式————變量聲明，默認(rèn)賦值為undefined

•this————賦值

•函數(shù)聲明————賦值

這三種數(shù)據(jù)的準(zhǔn)備情況我們稱之為“執(zhí)行上下文”或者“執(zhí)行上下文環(huán)境”。

--------------------------------------------------------------------------------

javascript在執(zhí)行一個(gè)代碼段之前，都會(huì)進(jìn)行這些“準(zhǔn)備工作”來(lái)生成執(zhí)行上下文。這個(gè)“代碼段”分為三種情況--全局代碼、函數(shù)代碼、Eval代碼。

 //全局代碼段
<script type="text/javascript">
 //代碼段...
</script>
//函數(shù)代碼段
function fn(x) {
 console.log(x + 5);
}
var fn = new Function("x", "console.log(x + 5)");
//Eval代碼段
eval('var x = 10');
(function foo() {
 eval('var y = 20');
})();
alert(x); //10
alert(y); //"y" is not defined
//因?yàn)閑val涉及到安全問(wèn)題(腳本注入),所以盡量不用。

--------------------------------------------------------------------------------

在函數(shù)中，除了“準(zhǔn)備工作”的幾種情況，還會(huì)有其他數(shù)據(jù)

 function fn(x) {
 console.log(arguments); //[10]
 conosole.log(x); //10
}
fn(10);

以上代碼展示了在函數(shù)體的語(yǔ)句執(zhí)行之前，arguments變量和函數(shù)參數(shù)都已經(jīng)被賦值。

函數(shù)每被調(diào)用一次，都會(huì)產(chǎn)生一個(gè)新的上下文執(zhí)行環(huán)境。因?yàn)椴煌{(diào)用那個(gè)就可能產(chǎn)生不同的參數(shù)。

函數(shù)在定義的時(shí)候（不是調(diào)用）就已經(jīng)確定了函數(shù)體內(nèi)部自由變量的作用域。

 var a = 10;
function fn() {
 console.log(a); //a是自由變量
}     //函數(shù)創(chuàng)建時(shí)，就確定了a要取值的作用域
function bar(f) {
 var a = 20;
 f(); //打印"10",而不是"20"
}
bar(fn);

總結(jié)：

全局代碼的上下文環(huán)境數(shù)據(jù)內(nèi)容為：

•普通變量(包括函數(shù)表達(dá)式)，如：var a = 10 | ===> 聲明（默認(rèn)賦值undefined）

•函數(shù)聲明，如function fn() {} | ===> 賦值

•this | ===> 賦值

函數(shù)體

•參數(shù) | ===> 賦值

•arguments | ===> 賦值

•自由變量的取值作用域 | ====> 賦值

通俗的定義：

在執(zhí)行代碼之前，把將要用到的所有變量都事先拿出來(lái)，有的直接賦值了，有的先用undefined占個(gè)位。

以上內(nèi)容是小編給大家分享的JavaScript原型和閉包系列理解(隨手筆記6)的全部敘述，希望大家喜歡。