JavaScript 有時會有些“出人意料”，即便是看似簡單的問題也可能暗藏玄機。以下是七個涵蓋不同 JavaScript 特性的經(jīng)典問題。它們看起來很簡單，但往往會讓人意外！如果你能答對這些問題，說明你對 JavaScript 的掌握已經(jīng)很扎實了。

問題 1：0.1 + 0.2 === 0.3 的結(jié)果是什么？

console.log(0.1 + 0.2 === 0.3);

答案： false

解析：JavaScript 中，浮點數(shù)（帶小數(shù)點的數(shù)字）在計算時并不總是精確的。例如，0.1 + 0.2 的結(jié)果并不是嚴(yán)格意義上的 0.3，而是 0.30000000000000004。這是由于計算機采用二進(jìn)制來近似表示十進(jìn)制浮點數(shù)所導(dǎo)致的誤差。所以，0.1 + 0.2 === 0.3 的結(jié)果是 false。

問題 2："5" + 3 和 "5" - 3 的結(jié)果是什么？

console.log("5" + 3);
console.log("5" - 3);

答案："5" + 3 的結(jié)果是 "53""5" - 3 的結(jié)果是 2

解析：

• **"5" + 3**：當(dāng)使用 + 操作符時，如果其中一個操作數(shù)是字符串，JavaScript 會將另一個操作數(shù)也轉(zhuǎn)換為字符串，并將它們拼接在一起，因此結(jié)果是 "53"。
• **"5" - 3**：- 操作符不會作用于字符串。JavaScript 會將 "5" 轉(zhuǎn)換為數(shù)字 5，然后進(jìn)行數(shù)學(xué)運算，結(jié)果是 2。

問題 3：typeof null 的值是什么？

console.log(typeof null);

答案： "object"

解析：這是 JavaScript 中一個令人困惑的點。按理說，typeof 應(yīng)該返回值的類型。然而，typeof null 返回 "object"，這是歷史遺留的一個設(shè)計問題。實際上，null 是一個特殊的原始類型值，表示“空”或“無值”。不過，為了兼容舊代碼，這個問題一直沒有修復(fù)。

問題 4：閉包是如何工作的？

function outerFunction() {
  let count = 0;
  return function () {
    count++;
    console.log(count);
  };
}

const closure = outerFunction();
closure(); // ?
closure(); // ?

答案：輸出為：

1
2

解析：閉包指的是函數(shù)能夠記住它定義時所在的作用域環(huán)境，即使這個函數(shù)在別的作用域中執(zhí)行。在這個例子中，outerFunction 返回了一個內(nèi)部函數(shù)，該函數(shù)仍然可以訪問 outerFunction 內(nèi)部的 count 變量。每次調(diào)用 closure，count 都會遞增，并打印其最新值。

問題 5：true + false 和 [] + {} 的結(jié)果是什么？

console.log(true + false);
console.log([] + {});

答案：true + false 的結(jié)果是 1[] + {} 的結(jié)果是 "[object Object]"

解析：

• **true + false**：在 JavaScript 中，布爾值會被轉(zhuǎn)換為數(shù)字：true 是 1，false 是 0。因此，1 + 0 的結(jié)果是 1。
• **[] + {}**：加號用于非數(shù)字時，會觸發(fā)類型轉(zhuǎn)換?？諗?shù)組 [] 轉(zhuǎn)換為空字符串 ""，空對象 {} 轉(zhuǎn)換為字符串 "[object Object]"，所以最終結(jié)果是 "[object Object]"。

問題 6：[] == ![] 的結(jié)果是什么？

console.log([] == ![]);

答案： true

解析：這背后包含了一些隱式類型轉(zhuǎn)換：

1. ![] 表示“非空數(shù)組”。由于空數(shù)組是“真值”（truthy），![] 變成了 false。
2. 表達(dá)式變成了 [] == false。
3. 比較時，JavaScript 會將 false 轉(zhuǎn)換為數(shù)字 0，然后將 [] 轉(zhuǎn)換為空字符串 ""。
4. 最終，"" == 0 為 true。

問題 7：以下代碼中 console.log(a) 的輸出是什么？

console.log(a);
var a = 5;

答案： undefined

解析：這是 JavaScript 中的變量提升（hoisting）機制。在執(zhí)行代碼之前，JavaScript 會將變量聲明提升到當(dāng)前作用域的頂部。所以上述代碼相當(dāng)于：

var a;
console.log(a);
a = 5;

在 console.log(a) 執(zhí)行時，a 已經(jīng)聲明但尚未賦值，因此輸出 undefined。

總結(jié)

這些問題既展現(xiàn)了 JavaScript 一些奇特的行為，也涵蓋了閉包、類型轉(zhuǎn)換、變量提升等核心概念。理解這些內(nèi)容不僅能避免常見的坑，還能提升對 JavaScript 的掌控能力。