成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JavaScript調(diào)用棧

lushan / 778人閱讀

摘要：調(diào)用棧是一種棧結(jié)構(gòu)它用來存儲計(jì)算機(jī)程序執(zhí)行時(shí)候其活躍子程序的信息。調(diào)用棧是解析器的一種機(jī)制。那是如何處理處理函數(shù)的調(diào)用關(guān)系的答案是調(diào)用棧。主線程之外存在一個(gè)任務(wù)隊(duì)列異步任務(wù)有了運(yùn)行結(jié)果會在任務(wù)隊(duì)列之中放置一個(gè)任務(wù)。

1：基本概念

棧(stack)：用來保存簡單的數(shù)據(jù)字段。

堆(heap)：用來保存棧中簡單的數(shù)據(jù)字段對指針的引用。

隊(duì)列：是一種先進(jìn)先出的線性數(shù)據(jù)結(jié)構(gòu)。

函數(shù)的調(diào)用的進(jìn)棧和出棧的順序，遵循 先進(jìn)后出 的原則。

空間分配：?堆：一般由程序員釋放，如果程序員不釋放就會在結(jié)束時(shí)由OS回收；
棧：一般由操作系統(tǒng)自動分配釋放。

緩存方式： 堆：存放在二級緩存中，生命周期一般是由虛擬機(jī)的垃圾回收算法決定的；
棧：存放在一級緩存中，被調(diào)用時(shí)處于存儲空間，調(diào)用完立即釋放。

操作數(shù)據(jù)：堆棧（先進(jìn)后出），隊(duì)列（先進(jìn)先出）。

調(diào)用棧是一種棧結(jié)構(gòu),它用來存儲計(jì)算機(jī)程序執(zhí)行時(shí)候其活躍子程序的信息。它是一種LIFO的數(shù)據(jù)結(jié)構(gòu)，將記錄代碼運(yùn)行時(shí)的執(zhí)行上下文。當(dāng)遇到某個(gè)函數(shù)的調(diào)用語句時(shí)，它將會記錄當(dāng)前的執(zhí)行上下文，將函數(shù)入棧，并為其創(chuàng)建一個(gè)新的執(zhí)行上下文。（比如什么函數(shù)正在執(zhí)行，什么函數(shù)正在被這個(gè)函數(shù)調(diào)用等等信息）。

調(diào)用棧是解析器的一種機(jī)制。

javascript是一門單線程語言，主線程在同一時(shí)間只能處理一件事。那javascript是如何處理處理函數(shù)的調(diào)用關(guān)系的？

答案是——調(diào)用棧。

2：Event Loop（事件循環(huán)）

JavaScript是一個(gè)單線程，它執(zhí)行的所有代碼都放在下面這個(gè)Call Stack里面，當(dāng)Call Stack執(zhí)行完畢之后，就會再右側(cè)的隊(duì)列里面找任務(wù)，如果有微任務(wù)，就會先執(zhí)行微任務(wù)，再去執(zhí)行宏任務(wù)。

圖片描述

事件循環(huán)：就是同步任務(wù)進(jìn)入主線程，異步任務(wù)加入到任務(wù)隊(duì)列中。等主線程的任務(wù)執(zhí)行完就去執(zhí)行任務(wù)隊(duì)列中的任務(wù)，這個(gè)過程會不斷重復(fù)。所有同步任務(wù)都在主線程上執(zhí)行，形成一個(gè)執(zhí)行棧。主線程之外, 存在一個(gè)任務(wù)隊(duì)列(task queue), 異步任務(wù)有了運(yùn)行結(jié)果會在任務(wù)隊(duì)列之中放置一個(gè)任務(wù)。執(zhí)行棧中的所有同步任務(wù)執(zhí)行完畢后讀取任務(wù)隊(duì)列(先讀取微任務(wù)、宏任務(wù))不斷重復(fù)上面的第三步。

js既然是單線程那么肯定是排隊(duì)執(zhí)行代碼，怎么去排這個(gè)隊(duì)就是Event Loop，雖然js是單線程但是瀏覽器不是單線程。

    console.log("script start");
    
    setTimeout(function() {
        console.log("timeout1");
    }, 10);
    
    new Promise(resolve => {
        console.log("promise1");
        resolve();
        setTimeout(() => console.log("timeout2"), 10);
    }).then(function() {
        console.log("then1")
    })
    
    console.log("script end");
    
    //
    * script start
    * promise1
    * script end
    * then1
    * timeout1
    * timeout2
3：宏任務(wù)（Mask-task）

setTimeout

setInterval

I/O

特點(diǎn)：由JavaScript線程外的宿主線程執(zhí)行，比如，定時(shí)器觸發(fā)線程setTimeout、setInterval，異步http請求線程。JavaScript線程不空閑宏任務(wù)永遠(yuǎn)沒有執(zhí)行機(jī)會。

    for(let i=0; i<100000000; i++) {}
    
    setTimeout(function() {
        console.log("setTimeout1");
    }, 1000);
    
    setTimeout(function() {
        console.log("setTimeout2");
    }, 2000);
4：微任務(wù)（Mask-task）

promise

特點(diǎn)：由JavaScript線程維護(hù)，它的執(zhí)行時(shí)機(jī)是在主線程所有可執(zhí)行代碼執(zhí)行完成后執(zhí)行，瀏覽器渲染DOM前會全部執(zhí)行。

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/105968.html

相關(guān)文章

  • [譯文] JavaScript工作原理：引擎、運(yùn)行時(shí)、調(diào)用棧概述

    摘要：調(diào)用棧是單線程編程語言，意味著它只有單一的調(diào)用棧。調(diào)用棧是一種數(shù)據(jù)結(jié)構(gòu)，基本記錄了程序運(yùn)行的位置。舉個(gè)例子，先來看如下所示的代碼當(dāng)引擎開始執(zhí)行這段代碼時(shí)，調(diào)用棧將是空的。這正是拋出異常時(shí)棧追蹤的構(gòu)造過程這基本上就是異常拋出時(shí)調(diào)用棧的狀態(tài)。 原文 How JavaScript works: an overview of the engine, the runtime, and the c...

    PAMPANG 評論0 收藏0

  • 前端進(jìn)階系列(七):什么是執(zhí)行上下文？什么是調(diào)用棧？

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

    leone 評論0 收藏0

  • [譯]JavaScript的調(diào)用棧、回調(diào)隊(duì)列和事件循環(huán)

    摘要：在這個(gè)視頻中，將的調(diào)用?；卣{(diào)隊(duì)列和事件循環(huán)的內(nèi)容講的很清晰。調(diào)用棧可以往里面放東西，可以在事件結(jié)束的時(shí)候把回調(diào)函數(shù)放進(jìn)回調(diào)隊(duì)列，然后是事件循環(huán)。為的時(shí)候這個(gè)過程看起來可能不明顯，除非考慮到調(diào)用棧的執(zhí)行環(huán)境和事件循環(huán)的情況。 譯者按這篇文章可以看做是對Philip Roberts 2014年在JSConf演講的《What the heck is the event loop anyway...

    YancyYe 評論0 收藏0

  • JavaScript工作機(jī)制：第1部分

    摘要：工作機(jī)制第部分本文轉(zhuǎn)載自眾成翻譯譯者網(wǎng)絡(luò)埋伏紀(jì)事鏈接原文隨著越來越受歡迎，開發(fā)團(tuán)隊(duì)正在將其用在技術(shù)棧的各個(gè)方面，包括前端后端混合應(yīng)用嵌入式設(shè)備等等。之后，步驟將是如下這樣調(diào)用棧中的每個(gè)條目稱為棧幀。 JavaScript工作機(jī)制：第1部分 本文轉(zhuǎn)載自：眾成翻譯譯者：網(wǎng)絡(luò)埋伏紀(jì)事鏈接：http://www.zcfy.cc/article/3965原文：https://blog.sessi...

    xiaodao 評論0 收藏0

  • javasctipt 工作原理之調(diào)用棧

    摘要：譯者注翻譯一個(gè)對新手比較友好的工作原理解析系列文章注意以下全部是概念經(jīng)驗(yàn)豐富的老鳥可以離場啦正文從這里開始隨著的流行團(tuán)隊(duì)們正在利用來支持多個(gè)級別的技術(shù)棧包括前端后端混合開發(fā)嵌入式設(shè)備以及更多這篇文章旨在成為深入挖掘和實(shí)際上他是怎么工作的系列 譯者注 翻譯一個(gè)對新手比較友好的 JavaScript 工作原理解析系列文章 注意: 以下全部是概念,經(jīng)驗(yàn)豐富的老鳥可以離場啦 正文從這里開始 隨...

    Pines_Cheng 評論0 收藏0

  • JavaScript 事件循環(huán)（譯文JavaScript Event Loop）

    摘要：事件循環(huán)了解了在引擎中是如何工作了之后，來看下如何使用異步回調(diào)函數(shù)來避免代碼。從回調(diào)函數(shù)被放入后秒鐘，把移到中。由于事件循環(huán)持續(xù)地監(jiān)測調(diào)用棧是否已空，此時(shí)它一注意到調(diào)用棧空了，就調(diào)用并創(chuàng)建一個(gè)新的調(diào)用棧。 聽多了JavaScript單線程，異步，V8，便會很想去知道JavaScript是如何利用單線程來實(shí)現(xiàn)所謂的異步的。我參考了一些文章，了解到一個(gè)很重要的詞匯：事件循環(huán)(Event L...

    K_B_Z 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<