資訊專欄INFORMATION COLUMN
摘要：我們在面試中經(jīng)常會遇到或提出這樣一個問題求下列代碼輸出結(jié)果通常來說這個題目的答案是本地主要考察瀏覽器的單線程和機制相關(guān)文章已經(jīng)有很多就不再贅述但是如果在開發(fā)者工具中運行結(jié)果會是什么本次討論以的開發(fā)者工具為例讓我們隨便打開一個網(wǎng)頁敲入代碼觀察
我們在javascript面試中經(jīng)常會遇到或提出這樣一個問題:
求下列代碼輸出結(jié)果
setTimeout(function(){console.log(1);},0);
console.log(2);
setTimeout(function(){console.log(3);},0);
通常來說, 這個題目的答案是2,1,3. 本地主要考察瀏覽器的單線程和event loop機制, 相關(guān)文章已經(jīng)有很多就不再贅述.
但是如果在開發(fā)者工具中運行, 結(jié)果會是什么?
本次討論以Chrome53.0.2785.116的開發(fā)者工具為例:
讓我們隨便打開一個網(wǎng)頁, 敲入代碼, 觀察返回結(jié)果
在2之后出現(xiàn)了3307的返回值.
下面我們來解析一下產(chǎn)生這樣結(jié)果的詳細(xì)步驟:
首先對于輸入, 系統(tǒng)會做出eval("你所輸入的字符串"), 進行一系列動作之后, 最后打印eval的返回值.
所以這個3307就是eval出的返回值.
在這個eval的執(zhí)行過程中, 首先執(zhí)行第一個setTimeout, 得到結(jié)果s1,執(zhí)行第二個console.log方法, 打印2, 并得到返回值undefined, 執(zhí)行第三個setTimeout,得到結(jié)果s2.
如何得到eval的返回結(jié)果, 即通過下式得到:
s1;undefined;s2;
而該式結(jié)果為從左向右運算, 得到s2; 在本次運行中, 第三個setTimeout運行結(jié)果為3307, 即該函數(shù)返回值為3307, 具體這個值的用法可以參見setTimeout和clearTimeout的相關(guān)解釋.
而在正常的代碼中:
無論是第一種還是第二種, 都不會有setTimeout的返回值被打印到控制臺里面的情況.
如果在面試中, 面試官通過不同的js調(diào)試工具在屏幕上面打印出來的結(jié)果實際上是有可能不一樣的.
衍生問題:
var x = 1;這個語句在控制臺里面執(zhí)行的結(jié)果是什么為什么?
在控制臺里面輸入alert(1);到在屏幕上看見alert框, 中間經(jīng)歷了那些步驟?
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/87959.html
摘要：瀏覽器的主要組成包括有調(diào)用堆棧，事件循環(huán)，任務(wù)隊列和。好了，現(xiàn)在有了前面這些知識，我們可以看一下這道題的講解過程實現(xiàn)步驟調(diào)用會將函數(shù)放入調(diào)用堆棧。由于調(diào)用堆棧是空的，事件循環(huán)將選擇回調(diào)并將其推入調(diào)用堆棧進行處理。進程再次重復(fù)，堆棧不會溢出。 JavaScript是前端開發(fā)中非常重要的一門語言，瀏覽器是他主要運行的地方。JavaScript是一個非常有意思的語言，但是他有很多一些概念，大...
摘要：收集的一些前端面試題從面試題發(fā)現(xiàn)不足，進而查漏補缺，比通過面試更難得及各大互聯(lián)網(wǎng)公司前端筆試面試題篇及各大互聯(lián)網(wǎng)公司前端筆試面試題篇面試題個和個經(jīng)典面試題前端開發(fā)面試題如何面試前端工程師很重要個變態(tài)題解析如何通過餓了么面試輕 收集的一些前端面試題 從面試題發(fā)現(xiàn)不足，進而查漏補缺，比通過面試更難得 1 BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題--Html,Css篇 2 BAT...
摘要：收集的一些前端面試題從面試題發(fā)現(xiàn)不足，進而查漏補缺，比通過面試更難得及各大互聯(lián)網(wǎng)公司前端筆試面試題篇及各大互聯(lián)網(wǎng)公司前端筆試面試題篇面試題個和個經(jīng)典面試題前端開發(fā)面試題如何面試前端工程師很重要個變態(tài)題解析如何通過餓了么面試輕 收集的一些前端面試題 從面試題發(fā)現(xiàn)不足，進而查漏補缺，比通過面試更難得 1 BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題--Html,Css篇 2 BAT...
摘要：函數(shù)作為參數(shù)情況，，和是中內(nèi)置的高階函數(shù)。知道了到底啊什么是高階函數(shù)，有哪些類型的高階函數(shù)。公眾號技術(shù)棧路線大家好，我是，公眾號程序員成長指北作者，這篇文章是必知必會系列的高階函數(shù)講解。 前言 一道經(jīng)典面試題： //JS實現(xiàn)一個無限累加的add函數(shù) add(1) //1 add(1)(2) //3 add(1)(2)(3) //6 當(dāng)大家看到這個面試題的時候，能否在第一時間想到...
閱讀 2593·2021-10-11 10:58
閱讀 1116·2019-08-29 13:58
閱讀 1717·2019-08-26 13:32
閱讀 885·2019-08-26 10:40
閱讀 3315·2019-08-26 10:18
閱讀 1811·2019-08-23 14:18
閱讀 1169·2019-08-23 10:54
閱讀 504·2019-08-22 18:39
