每日 3 題
7 以下代碼執行后，控制臺中的輸出內容為？
const obj = {
flag: false,
};
function A() {
this.flag = true;
return obj;
}
const a = new A();
console.log(a.flag);
8 以下代碼執行后，控制臺中的輸出內容為？
console.log(1);
setTimeout(() => {
console.log(2);
}, 0);
console.log(3);
Promise.resolve(4).then((b) => {
console.log(b);
});
console.log(5);
9 以下代碼執行后，控制臺中的輸出內容為？
var a = 10;
function a() {}
console.log(typeof a);
答案及決議
7 答案：false
- 考察 new 運算子
- 如果建構式顯式回傳了一個物件，那么該物件會覆寫 new 創建的物件
- 于是變數 a 指向 obj，因此 a.flag 即為 obj.flag
8 答案：1 3 5 4 2
- 考察事件回圈、微任務、宏任務
- 瀏覽器中事件回圈如下圖所示
- 整體代碼作為第 1 個宏任務
- 先按順序執行同步任務，因此輸出：1 3 5，并將微任務和宏任務入隊，此處微任務為 then 方法，宏任務為 setTimeout
- 判斷有無微任務，有 then 執行，所以輸出 4
- 瀏覽器渲染完進入下一個回圈，宏任務佇列中有 setTimeout，執行輸出 2
9 答案：number
- 考察變數提升和函式宣告提升
- var 宣告的變數和 function 都會提升，且函式優先級高于變數，原代碼相當于：
function a() {}
var a;
a = 10;
console.log(typeof a);
- 并且變數不會重復宣告，于是 a = 10 賦值給了原本指向函式的變數 a，最終 a 的型別變成 number
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/503410.html
標籤：其他