如果你能正确回答这 7 个问题，你的 JavaScript 技能已经不错了

• CSS技巧与案例详解
• vue2与vue3技巧合集
• VueUse源码解读

JavaScript 有时会有些“出人意料”，即便是看似简单的问题也可能暗藏玄机。以下是七个涵盖不同 JavaScript 特性的经典问题。它们看起来很简单，但往往会让人意外！如果你能答对这些问题，说明你对 JavaScript 的掌握已经很扎实了。

---

问题 1：0.1 + 0.2 === 0.3 的结果是什么？

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

答案： false

解析：
JavaScript 中，浮点数（带小数点的数字）在计算时并不总是精确的。
例如，0.1 + 0.2 的结果并不是严格意义上的 0.3，而是 0.30000000000000004。这是由于计算机采用二进制来近似表示十进制浮点数所导致的误差。所以，0.1 + 0.2 === 0.3 的结果是 false。

---

问题 2："5" + 3 和 "5" - 3 的结果是什么？

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

答案：
"5" + 3 的结果是 "53"
"5" - 3 的结果是 2

解析：

• "5" + 3：当使用 + 操作符时，如果其中一个操作数是字符串，JavaScript 会将另一个操作数也转换为字符串，并将它们拼接在一起，因此结果是 "53"。
• "5" - 3：- 操作符不会作用于字符串。JavaScript 会将 "5" 转换为数字 5，然后进行数学运算，结果是 2。

---

问题 3：typeof null 的值是什么？

console.log(typeof null);

答案： "object"

解析：
这是 JavaScript 中一个令人困惑的点。按理说，typeof 应该返回值的类型。然而，typeof null 返回 "object"，这是历史遗留的一个设计问题。实际上，null 是一个特殊的原始类型值，表示“空”或“无值”。不过，为了兼容旧代码，这个问题一直没有修复。

---

问题 4：闭包是如何工作的？

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

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

答案：
输出为：

1
2

解析：
闭包指的是函数能够记住它定义时所在的作用域环境，即使这个函数在别的作用域中执行。
在这个例子中，outerFunction 返回了一个内部函数，该函数仍然可以访问 outerFunction 内部的 count 变量。每次调用 closure，count 都会递增，并打印其最新值。

---

问题 5：true + false 和 [] + {} 的结果是什么？

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

答案：
true + false 的结果是 1
[] + {} 的结果是 "[object Object]"

解析：

• true + false：在 JavaScript 中，布尔值会被转换为数字：true 是 1，false 是 0。因此，1 + 0 的结果是 1。
• [] + {}：加号用于非数字时，会触发类型转换。空数组 [] 转换为空字符串 ""，空对象 {} 转换为字符串 "[object Object]"，所以最终结果是 "[object Object]"。

---

问题 6：[] == ![] 的结果是什么？

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

答案： true

解析：
这背后包含了一些隐式类型转换：

1. ![] 表示“非空数组”。由于空数组是“真值”（truthy），![] 变成了 false。
2. 表达式变成了 [] == false。
3. 比较时，JavaScript 会将 false 转换为数字 0，然后将 [] 转换为空字符串 ""。
4. 最终，"" == 0 为 true。

---

问题 7：以下代码中 console.log(a) 的输出是什么？

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

答案： undefined

解析：
这是 JavaScript 中的变量提升（hoisting）机制。
在执行代码之前，JavaScript 会将变量声明提升到当前作用域的顶部。所以上述代码相当于：

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

在 console.log(a) 执行时，a 已经声明但尚未赋值，因此输出 undefined。

---

总结

这些问题既展现了 JavaScript 一些奇特的行为，也涵盖了闭包、类型转换、变量提升等核心概念。理解这些内容不仅能避免常见的坑，还能提升对 JavaScript 的掌控能力。

首发于公众号 大迁世界，欢迎关注。📝 每周一篇实用的前端文章 🛠️ 分享值得关注的开发工具 ❓ 有疑问？我来回答

本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。