福利二区在线观看,欧洲亚洲日韩精品,台湾佬中文娱乐网11

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案

JavaScript中執(zhí)行上下文的原理是什么

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)JavaScript中執(zhí)行上下文的原理是什么，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)與策劃設(shè)計(jì),大英網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:大英等地區(qū)。大英做網(wǎng)站價(jià)格咨詢:028-86922220

執(zhí)行上下文

執(zhí)行上下文是當(dāng)前代碼的執(zhí)行環(huán)境。

執(zhí)行上下文主要是三種類型：

全局執(zhí)行上下文：全局執(zhí)行環(huán)境是最外圍的一個(gè)執(zhí)行環(huán)境，在瀏覽器的全局對(duì)象是 window, this指向這個(gè)對(duì)象
函數(shù)執(zhí)行上下文：可以有無(wú)數(shù)個(gè)，函數(shù)被調(diào)用的時(shí)候會(huì)被創(chuàng)建。每次調(diào)用函數(shù)都會(huì)創(chuàng)建一個(gè)新的執(zhí)行上下文。
eval執(zhí)行上下文，很少用。

每個(gè)執(zhí)行上下文，都有三個(gè)重要屬性：

變量對(duì)象 (variable object, VO): 每個(gè)執(zhí)行環(huán)境都有一個(gè)與之關(guān)聯(lián)的變量對(duì)象，環(huán)境中定義的所有變量和函數(shù)都保存在這個(gè)對(duì)象中。雖然我們編寫的代碼無(wú)法訪問(wèn)這個(gè)對(duì)象，但解析器在處理數(shù)據(jù)時(shí)會(huì)在后臺(tái)使用它。

在函數(shù)上下文中，使用活動(dòng)對(duì)象 (activation object, AO) 來(lái)表示變量對(duì)象。活動(dòng)對(duì)象和變量對(duì)象其實(shí)是一個(gè)東西，只有當(dāng)進(jìn)入一個(gè)執(zhí)行環(huán)境時(shí)，這個(gè)執(zhí)行上下文的變量對(duì)象才會(huì)被激活，此時(shí)稱為活動(dòng)對(duì)象（AO），只有活動(dòng)對(duì)象上的屬性才能被訪問(wèn)。

作用域鏈（scope chain）：當(dāng)代碼在一個(gè)環(huán)境中執(zhí)行時(shí)，會(huì)創(chuàng)建變量對(duì)象的一個(gè)作用域鏈。作用域鏈的用途，是保證對(duì)執(zhí)行環(huán)境有權(quán)訪問(wèn)的所有變量和函數(shù)的有序訪問(wèn)。
this

執(zhí)行上下文的生命周期：創(chuàng)建 -> 執(zhí)行 -> 回收

1. 創(chuàng)建階段：

1.1 創(chuàng)建變量對(duì)象：

初始化函數(shù)的參數(shù) arguments
函數(shù)聲明
變量聲明

舉個(gè)簡(jiǎn)單的例子來(lái)理解變量對(duì)象

function getName(name) {
    var b = 2;
    function foo() {};
    var bar = function() {};

}
getName('lucystar')

此時(shí)的 AO 大致如下

AO = {
    arguments: {
        0: 'lucystar',
        length: 1
    },
    name: 'lucystar',
    b: undefined,
    foo: reference to function foo(){},
    bar: undefined
}

上面例子中涉及到了變量提升和函數(shù)提升，之前在從JS底層理解var、let、const這邊文章中也介紹過(guò)

1.2 創(chuàng)建作用域鏈

函數(shù)的作用域在函數(shù)定義的時(shí)候就確定了。作用域鏈本身包含變量對(duì)象，當(dāng)查找變量時(shí)，會(huì)先從當(dāng)前上下文中的變量對(duì)象中查找，如果沒有找到，就會(huì)從父級(jí)執(zhí)行上下文的變量對(duì)象中查找，一直找到全局執(zhí)行上下文的變量對(duì)象

1.3 確定this的指向

這部分又分為多種情況，具體的可以查看另一篇文章一文理解this&call&apply&bind

2. 執(zhí)行階段

執(zhí)行變量賦值，代碼執(zhí)行

3. 回收階段

執(zhí)行上下文出棧被垃圾回收機(jī)制進(jìn)行回收。關(guān)于內(nèi)存回收的內(nèi)容，可以查看 V8內(nèi)存管理及垃圾回收機(jī)制

執(zhí)行上下文棧

執(zhí)行上下文棧是用來(lái)管理執(zhí)行上下文的。在執(zhí)行上下文創(chuàng)建好后，JavaScript引擎會(huì)將執(zhí)行上下文壓入到棧中，通常把這種用來(lái)管理執(zhí)行上下文的棧稱為執(zhí)行上下文棧，又稱調(diào)用棧。

let a = 'javascript';

function foo() {
    console.log('foo');
    bar();
}
function bar() {
    console.log('bar');
}
foo();