每日 3 題

7 以下代碼執(zhí)行后，控制臺中的輸出內(nèi)容為？

const obj = {
  flag: false,
};

function A() {
  this.flag = true;
  return obj;
}

const a = new A();
console.log(a.flag);

8 以下代碼執(zhí)行后，控制臺中的輸出內(nèi)容為？

console.log(1);

setTimeout(() => {
  console.log(2);
}, 0);

console.log(3);

Promise.resolve(4).then((b) => {
  console.log(b);
});

console.log(5);

9 以下代碼執(zhí)行后，控制臺中的輸出內(nèi)容為？

var a = 10;
function a() {}
console.log(typeof a);

答案及解析

7 答案：false

1. 考察 new 運算符
2. 如果構造函數(shù)顯式返回了一個對象，那么該對象會覆蓋 new 創(chuàng)建的對象
3. 于是變量 a 指向 obj，因此 a.flag 即為 obj.flag

8 答案：1 3 5 4 2

1. 考察事件循環(huán)、微任務、宏任務
2. 瀏覽器中事件循環(huán)如下圖所示

武山網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、成都響應式網(wǎng)站建設等網(wǎng)站項目制作，到程序開發(fā)，運營維護。成都創(chuàng)新互聯(lián)2013年開創(chuàng)至今到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設就選成都創(chuàng)新互聯(lián)。

1. 整體代碼作為第 1 個宏任務
2. 先按順序執(zhí)行同步任務，因此輸出：1 3 5，并將微任務和宏任務入隊，此處微任務為 then 方法，宏任務為 setTimeout
3. 判斷有無微任務，有 then 執(zhí)行，所以輸出 4
4. 瀏覽器渲染完進入下一個循環(huán)，宏任務隊列中有 setTimeout，執(zhí)行輸出 2

9 答案：number

1. 考察變量提升和函數(shù)聲明提升
2. var 聲明的變量和 function 都會提升，且函數(shù)優(yōu)先級高于變量，原代碼相當于：

function a() {}
var a;

a = 10;
console.log(typeof a);

3. 并且變量不會重復聲明，于是 a = 10 賦值給了原本指向函數(shù)的變量 a，最終 a 的類型變成 number