快捷導(dǎo)航

JavaScript中執(zhí)行上下文和執(zhí)行棧

更新時(shí)間：2022年09月20日 09:20:28 作者：北丶故城

這篇文章主要介紹了JavaScript中執(zhí)行上下文和執(zhí)行棧，執(zhí)行上下文是評(píng)估和執(zhí)行JavaScript代碼的環(huán)境的抽象概念，更多相關(guān)介紹，感興趣的朋友可以參考一下

執(zhí)行上下文？

執(zhí)行上下文是評(píng)估和執(zhí)行JavaScript代碼的環(huán)境的抽象概念。個(gè)人理解：js執(zhí)行的先后順序/函數(shù)或變量執(zhí)行的作用域等。

執(zhí)行上下文的類型

全局執(zhí)行上下文任何不在函數(shù)內(nèi)部的代碼都在全局上下文中。它會(huì)執(zhí)行兩件事：創(chuàng)建全局對(duì)象Windows（瀏覽器環(huán)境下），設(shè)置this的值等于這個(gè)全局對(duì)象。一個(gè)程序中只會(huì)有一個(gè)全局執(zhí)行上下文。
函數(shù)執(zhí)行上下文每當(dāng)一個(gè)函數(shù)被調(diào)用時(shí)，都會(huì)為該函數(shù)創(chuàng)建一個(gè)新的上下文，在函數(shù)調(diào)用時(shí)創(chuàng)建
Eval函數(shù)執(zhí)行上下文在eval函數(shù)內(nèi)部的代碼也會(huì)有屬于自己的執(zhí)行上下文

執(zhí)行棧

也就是編程語言中所說的“調(diào)用棧”，是一種LIFO（后進(jìn)先出）的數(shù)據(jù)結(jié)構(gòu)棧，被用來存儲(chǔ)代碼運(yùn)行時(shí)創(chuàng)建的所有執(zhí)行上下文。
JavaScript引擎初次運(yùn)行腳本時(shí)，會(huì)創(chuàng)建一個(gè)全局執(zhí)行上下文并且壓入當(dāng)前執(zhí)行棧。每當(dāng)引擎遇到一個(gè)函數(shù)調(diào)用，會(huì)為該函數(shù)創(chuàng)建一個(gè)新的執(zhí)行上下文并壓入棧頂部。
引擎會(huì)執(zhí)行上下文位于棧頂?shù)暮瘮?shù)。當(dāng)該函數(shù)結(jié)束，從棧中彈出，控制流程到達(dá)當(dāng)前棧中的下一個(gè)上下文。

創(chuàng)建執(zhí)行上下文

創(chuàng)建執(zhí)行上下文分為兩個(gè)階段

創(chuàng)建階段
執(zhí)行階段

在代碼執(zhí)行前，執(zhí)行上下文將經(jīng)歷創(chuàng)建階段，創(chuàng)建階段會(huì)發(fā)生三件事。

this值的決定，也就是this綁定
創(chuàng)建語法環(huán)境組件
創(chuàng)建變量環(huán)境組件

this綁定

全局執(zhí)行上下文中，this指向全局對(duì)象。（瀏覽器中，this指Windows）

在函數(shù)執(zhí)行上下文中，this的值取決于該函數(shù)是如何被調(diào)用的。如果是被一個(gè)對(duì)象調(diào)用，那么this會(huì)被設(shè)置成那個(gè)對(duì)象，否則this的值被設(shè)置為全局對(duì)象、嚴(yán)格模式下（undefined）

詞法環(huán)境

簡單來說詞法環(huán)境就是標(biāo)識(shí)符==>變量映射的結(jié)構(gòu)。標(biāo)識(shí)符：變量/函數(shù)的名字。變量：實(shí)際對(duì)象或原始

詞法環(huán)境又分為

環(huán)境記錄器:存儲(chǔ)變量和函數(shù)聲明的實(shí)際位置
外部環(huán)境的引用:它可以訪問父級(jí)詞法環(huán)境(作用域)

詞法環(huán)境兩種類型

全局環(huán)境（在全局環(huán)境執(zhí)行上下文）是沒有外部引用的，全局環(huán)境的外部環(huán)境引用為null。全局環(huán)境擁有內(nèi)建的object/array、Windows等，還有任何用戶定義的全局變量，this指向全局對(duì)象。
在函數(shù)環(huán)境，函數(shù)內(nèi)部用戶定義的變量存儲(chǔ)在環(huán)境記錄器。并且引用的外部環(huán)境可能是全局環(huán)境或任何包含此內(nèi)部函數(shù)的外部函數(shù)。

環(huán)境記錄器