Javascript基礎知識-執(zhí)行上下文和執(zhí)行上下文棧

Wuv1Up 發(fā)布于2019-08-26 10:33 / 2634人閱讀

摘要：具體表現(xiàn)為執(zhí)上下棧瀏覽器中的解釋器是單線程的，相當于瀏覽器中同時間只能做個事情。代碼中只有個全局執(zhí)上下，和數(shù)個函數(shù)執(zhí)上下，這些組成了執(zhí)上下棧。個函數(shù)的執(zhí)上下，在函數(shù)執(zhí)完畢后，會被移出執(zhí)上下棧。逗號表達式只返回最后一項。

執(zhí)?上下?

當函數(shù)執(zhí)?時，會創(chuàng)建?個稱為執(zhí)?上下?（execution contex）的環(huán)境，分為創(chuàng)建和執(zhí)?2個階段
創(chuàng)建階段，指函數(shù)被調?但還未執(zhí)?任何代碼時，此時創(chuàng)建了?個擁有3個屬性的對象：

executionContext = {
scopeChain: {}, // 創(chuàng)建作?域鏈（scope chain）
variableObject: {}, // 初始化變量、函數(shù)、形參
this: {} // 指定this
}

代碼執(zhí)?階段主要的?作是：1、分配變量、函數(shù)的引?，賦值。2、執(zhí)?代碼。
在javascript創(chuàng)建階段會出現(xiàn)變量提升（Hoisting）。
具體表現(xiàn)為：

function demo(){
    console.log(a);
}
demo();

function demo(){
    console.log(a);
    var a = 2;
}
demo();

執(zhí)?上下?棧

瀏覽器中的JS解釋器是單線程的，相當于瀏覽器中同?時間只能做?個事情。
代碼中只有?個全局執(zhí)?上下?，和?數(shù)個函數(shù)執(zhí)?上下?，這些組成了執(zhí)?上下?棧（Execution Stack）。
?個函數(shù)的執(zhí)?上下?，在函數(shù)執(zhí)?完畢后，會被移出執(zhí)?上下?棧。
具體表現(xiàn)為：

function c(){
    console.log("hello world");
}
function a(){
    function b(){
        c();
    }
    b();
}
a();

| c()    |
| b()    |
| a()    |
| gobal  |
----------

它是一個棧型的，先執(zhí)行的先進去后結束，后進去的先結束。

逗號表達式只返回最后一項。var a = (0,1,2,3); a = 3;

GPU云服務器云服務器執(zhí)行上下文上下文棧 js作用域和上下文 javascript暫停執(zhí)行

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://m.hztianpu.com/yun/106372.html

前端進階系列(七):什么是執(zhí)行上下文？什么是調用棧？

摘要：什么是中的調用棧調用棧就像是程序當前執(zhí)行的日志。當函數(shù)執(zhí)行結束時，將從調用棧中出去。了解全局和局部執(zhí)行上下文是掌握作用域和閉包的關鍵?？偨Y引擎創(chuàng)建執(zhí)行上下文，全局存儲器和調用棧。原文作者：Valentino 原文鏈接：https://www.valentinog.com/blog/js-execution-context-call-stack 什么是Javascript中的執(zhí)行上下文...

leone 2019-08-23 12:18 評論0 收藏0
【進階1-2期】JavaScript深入之執(zhí)行上下文棧和變量對象

摘要：本計劃一共期，每期重點攻克一個面試重難點，如果你還不了解本進階計劃，點擊查看前端進階的破冰之旅本期推薦文章深入之執(zhí)行上下文棧和深入之變量對象，由于微信不能訪問外鏈，點擊閱讀原文就可以啦。（關注福利，關注本公眾號回復[資料]領取優(yōu)質前端視頻，包括Vue、React、Node源碼和實戰(zhàn)、面試指導）本周正式開始前端進階的第一期，本周的主題是調用堆棧，今天是第二天。本計劃一共28期，每期...

Richard_Gao 2019-08-23 13:46 評論0 收藏0
深入理解JavaScript執(zhí)行上下文和執(zhí)行棧

摘要：執(zhí)行上下文和執(zhí)行棧是中關鍵概念之一，是難點之一。理解執(zhí)行上下文和執(zhí)行棧同樣有助于理解其他的概念如提升機制作用域和閉包等。函數(shù)執(zhí)行完成，函數(shù)的執(zhí)行上下文出棧，并且被銷毀。前言如果你是一名 JavaScript 開發(fā)者，或者想要成為一名 JavaScript 開發(fā)者，那么你必須知道 JavaScript 程序內部的執(zhí)行機制。執(zhí)行上下文和執(zhí)行棧是JavaScript中關鍵概念之一，是Ja...

silenceboy 2019-08-23 16:00 評論0 收藏0
深入理解JavaScript執(zhí)行上下文和執(zhí)行棧

摘要：執(zhí)行上下文和執(zhí)行棧是中關鍵概念之一，是難點之一。理解執(zhí)行上下文和執(zhí)行棧同樣有助于理解其他的概念如提升機制作用域和閉包等。函數(shù)執(zhí)行完成，函數(shù)的執(zhí)行上下文出棧，并且被銷毀。前言如果你是一名 JavaScript 開發(fā)者，或者想要成為一名 JavaScript 開發(fā)者，那么你必須知道 JavaScript 程序內部的執(zhí)行機制。執(zhí)行上下文和執(zhí)行棧是JavaScript中關鍵概念之一，是Ja...

leiyi 2019-08-02 14:34 評論0 收藏0
前端進擊的巨人（一）：執(zhí)行上下文與執(zhí)行棧，變量對象

摘要：在中，通過棧的存取方式來管理執(zhí)行上下文，我們可稱其為執(zhí)行棧，或函數(shù)調用棧。而處于棧頂?shù)氖钱斍罢趫?zhí)行函數(shù)的執(zhí)行上下文，當函數(shù)調用完成后，它就會從棧頂被推出理想的情況下，閉包會阻止該操作，閉包后續(xù)文章深入詳解。寫在開篇已經不敢自稱前端小白，曾經吹過的牛逼總要一點點去實現(xiàn)。正如前領導說的，自己喝酒吹過的牛皮，跪著都得含著淚去實現(xiàn)。那么沒有年終完美總結，來個新年莽撞開始可好。進擊巨...

_Suqin 2019-08-23 14:42 評論0 收藏0