JavaScript中的執(zhí)行上下文是指JavaScript代碼執(zhí)行的環(huán)境，它包括變量、函數(shù)、作用域和this等元素。在JavaScript中，每當函數(shù)執(zhí)行時，都會創(chuàng)建一個新的執(zhí)行上下文。

執(zhí)行上下文分為全局執(zhí)行上下文和函數(shù)執(zhí)行上下文兩種。

全局執(zhí)行上下文

全局執(zhí)行上下文是在頁面加載時創(chuàng)建的，它是整個JavaScript代碼的最外層環(huán)境，包含了所有的全局變量、函數(shù)和this等元素。

函數(shù)執(zhí)行上下文

函數(shù)執(zhí)行上下文是在函數(shù)被調(diào)用時創(chuàng)建的，它包含了函數(shù)內(nèi)部的變量、函數(shù)和this等元素。每當函數(shù)被調(diào)用時，都會創(chuàng)建一個新的函數(shù)執(zhí)行上下文。

函數(shù)執(zhí)行上下文包括三個重要的元素：

• 變量對象（Variable Object，VO）：包含了函數(shù)內(nèi)部的變量和函數(shù)聲明。
• 作用域鏈（Scope Chain）：用于解決變量訪問的問題，它是一個由多個執(zhí)行上下文的變量對象組成的鏈式結(jié)構(gòu)。
• this指針：指向函數(shù)被調(diào)用時的當前對象。

執(zhí)行上下文的創(chuàng)建過程分為兩個階段：創(chuàng)建階段和代碼執(zhí)行階段。

創(chuàng)建階段

在創(chuàng)建階段，JavaScript引擎會進行以下操作：

• 創(chuàng)建變量對象：函數(shù)執(zhí)行上下文中的變量對象包括所有的函數(shù)參數(shù)、函數(shù)聲明和變量聲明等。
• 建立作用域鏈：JavaScript引擎會將當前執(zhí)行上下文的變量對象添加到作用域鏈的最前端。
• 確定this指針：this指針的值取決于函數(shù)被調(diào)用時的環(huán)境。

代碼執(zhí)行階段

在代碼執(zhí)行階段，JavaScript引擎會按照代碼的順序執(zhí)行代碼，并將變量的值存儲在變量對象中。

需要注意的是，JavaScript中的變量提升現(xiàn)象是由執(zhí)行上下文的創(chuàng)建階段所導致的。在創(chuàng)建階段中，JavaScript引擎會將變量聲明提升到當前執(zhí)行上下文的頂部，因此在代碼執(zhí)行階段前就可以訪問到變量。

當代碼運行時，會產(chǎn)生對應(yīng)的運行環(huán)境，在這個環(huán)境中，所有的變量都會被實現(xiàn)提出來（變量提升），有的直接賦值，有的默認賦值，有點默認值 undefined ，代碼從上而下開始執(zhí)行，就叫做執(zhí)行上下文。

變量提升

foo // undefined
var foo = function () {
  console.log('foo1')
}

foo() // foo1, foo賦值

var foo = function () {
  console.log('foo2')
}

foo() // foo2, foo 賦值

函數(shù)提升

foo() // foo2
function () {
  console.log('foo1')
}

foo() // foo2

function foo () {
  console.log('foo2')
}
foo() // foo2

聲明優(yōu)先級，函數(shù) > 變量

foo() // foo2
var foo = function () {
  console.log('foo1')
}

foo() // foo1, foo 重新賦值

function foo () {
  console.log('foo2')
}

foo() // foo1

總之，執(zhí)行上下文是JavaScript代碼執(zhí)行的環(huán)境，包括變量對象、作用域鏈和this等元素。了解執(zhí)行上下文的創(chuàng)建過程和作用可以幫助開發(fā)者更好地理解和調(diào)試JavaScript代碼。