setTimeout前端面试题
生活随笔
收集整理的這篇文章主要介紹了
setTimeout前端面试题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
昨天去了某真香互聯網公司面試,面試官寫了一段setTimeout的代碼(見下文),問我打印出來什么,其實特別簡單,是基礎知識,我......腦袋里排山倒海般,各種想法在腦袋里打架,就是不知道正確答案,所以今天自己碼了一下。
?題目
for (var i = 0; i < 5; i++) {setTimeout(function() {console.log(i);}, i * 1000);}打印結果
分析
setTimeout() 方法用于在指定的毫秒數后調用函數或計算表達式。
該方法是異步的,每次for循環的時候setTimeout都會執行,但是里面的function則不會執行,而是被放入任務隊列,因此放5次;for循環的5次執行完之后還不到1秒。只有主線上的全部執行完之后,才會執行任務隊列里的任務,所以當主線程for循環執行完之后 i 的值為5,這個時候再去任務隊列中執行任務,i全部為5;
擴展
如果把var 換成 let 呢?
?
因為 let? 是區塊變量,每個 i 只能存活到大括號結束,并不會把后面的 for 循環的 ?i ?值賦給前面的setTimeout中的 i;而 var 是局部變量,這個 i 的生命周期不受for循環的大括號限制。
總結
以上是生活随笔為你收集整理的setTimeout前端面试题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 那些牛逼的外贸人是如何在领英上“抢走你的
- 下一篇: 谷歌浏览器F12控制台的使用方式——适合