K60 Pro官方停產(chǎn) 第三方瞬間漲價
雖然沒有官方宣布，但Redmi的一些高管也已經(jīng)透露了，Redmi K60 Pro已經(jīng)停產(chǎn)且不會補貨，這一切都是為了即將到來的K60 Ultra鋪路，屬于廠家的正常操作。但有意思的是該機在停產(chǎn)之后
Hello，大家好，我是 Sunday。
【看代碼說結(jié)果】一直是前端面試中的常見問題。最近在陪幾個同學(xué)面試過程中，幾乎每個中、大廠的面試都會遇到一個或幾個這樣的問題。
雖然這樣的問題如此高頻，但是能夠回答好的同學(xué)卻寥寥無幾。
每次事后跟同學(xué)溝通，得到的結(jié)果都是：“實際開發(fā)中沒有這么寫的，NND 奇葩面試題！” 大家是不是也會有相同的感受呢？
是的！實際開發(fā)中我們肯定不會寫出面試題里的凌亂場景。但是，我們不要忘記，學(xué)習(xí)的目的是：為了拿到更高薪資的 offer！，所以對很多同學(xué)而言 面試 比 實際開發(fā) 更重要！ 只有很好的解決了 面試 的問題，大家才可以拿到滿意的 offer。
所以，解決【看代碼說結(jié)果】的問題就變得至關(guān)重要了。那么咱們今天，就好好地來聊聊 JS 中的執(zhí)行機制問題，幫大家徹底理解 JS 的執(zhí)行邏輯！
JavaScript 是一種單線程語言。
雖然最新的 HTML5 中引入了 Web Worker，但 JavaScript 單線程的核心保持不變。
因此，JavaScript中所有的“多線程”都是用單線程模擬的，JavaScript中的所有多線程都是騙人的！
由于 JavaScript 是單線程的，它就像一家只有一個窗口的銀行，客戶需要一一排隊來處理交易。
同樣，JavaScript 任務(wù)也需要按順序執(zhí)行，一個接一個。如果一項任務(wù)花費太長時間，則下一項任務(wù)必須等待。
那么問題就來了：如果我們想瀏覽新聞，但新聞中的高清圖片加載緩慢，我們的網(wǎng)頁是否要一直卡住，直到圖片完全顯示出來？
因此，JS將任務(wù)分為兩類：
當(dāng)我們打開一個網(wǎng)站時，網(wǎng)頁的渲染過程由一堆同步任務(wù)組成，例如：骨架屏幕、頁面元素。
消耗大量資源且需要很長時間才能完成的任務(wù)（例如：加載圖像、音樂文件）則是異步的。
圖片
那么 JS 是如何知道主線程為空的呢？
在 JavaScript 引擎有一個監(jiān)控進程，不斷檢查主線程執(zhí)行棧是否為空。一旦為空，它就會去事件隊列檢查是否有任何函數(shù)正在等待調(diào)用。
如下面的代碼所示：
let data = [];$.ajax({ url:www.lgdsunday.club, data:data, success:() => { console.log('發(fā)送成功!'); }})console.log('代碼執(zhí)行完成');上面是一個簡單的ajax請求代碼：
通過上面的文字和代碼，大家應(yīng)該對JavaScript中的執(zhí)行順序有了初步的了解了吧。
那么接下來咱們來看一個 擾亂執(zhí)行順序的 “元兇” setTimeout。
setTimeout 可以延遲執(zhí)行代碼，比如：
setTimeout(() => { task();},3000)console.log('一個普通的打印');根據(jù)我們之前的結(jié)論，setTimeout是異步的。所以，同步任務(wù)console.log應(yīng)該先執(zhí)行。因此，我們的結(jié)論是：
// 一個普通的打印// task()但是，這里我們要注意 3000 毫秒并不是 task 的執(zhí)行時間，而是 task 進入任務(wù)隊列（主線程）的時間
那么同樣的道理，在面試中常見的 setTimeout(fn, 0) 的延遲 0 毫秒 是什么意思呢？
setTimeout(fn ,0)是指定當(dāng)堆棧中的所有同步任務(wù)完成且堆棧變空時，應(yīng)在主線程上最早可用的空閑時間執(zhí)行某個任務(wù)，而不需要等待任何額外的秒數(shù)。
所以，setTimeout(fn, 0) 并不會立刻執(zhí)行。
宏任務(wù)與微任務(wù)的概念在這種題目中也是必須要掌握的。
事件循環(huán)中事件的順序決定了JavaScript代碼的執(zhí)行順序。
我們通過一段代碼來看下這個問題：
setTimeout(function() { console.log('setTimeout');})new Promise(function(resolve) { console.log('promise');}).then(function() { console.log('then');})console.log('console');本文鏈接：http://www.www897cc.com/showinfo-26-89413-0.html這一次，徹底解決面試中看代碼說結(jié)果的問題！
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請聯(lián)系：2376512515@qq.com 津ICP備18001702號
津公網(wǎng)安備 12010102000574號