作者：@Lewis Cianci
原文：https://blog.logrocket.com/six-things-you-may-not-know-about-javascript/
背景
JavaScript 作为一门广泛应用于前端开发的编程语言，其灵活性和动态性使得它在众多开发者中备受欢迎。然而，这种灵活性也带来了一些不为人知的 “陷阱” 和 “特性”，这些特性可能会导致开发者在使用过程中遇到意想不到的问题。本文通过一个具体的代码示例和详细的分析，揭示了 JavaScript 中的一些不为人知的特性，并讨论了这些特性对开发者的影响。
【早阅】CF-DOH：通过JavaScript查找DNS记录
要点
本文主要讨论了 JavaScript 中的六个不为人知的特性，包括：
自动分号插入（ASI）
数组非连续键值
向基本类型添加属性
类型强制转换
函数提升
null是对象
分析
自动分号插入（ASI）
JavaScript 允许在某些情况下省略分号，但这种省略可能会导致意外的结果。例如，在一个函数返回对象时，如果 return 语句后没有立即跟随对象的开始括号，JavaScript 会自动插入一个分号，导致函数返回 undefined 而不是预期的对象。
function returnSomething() {
return
{
name: 'JavaScript Expert'
}
}
// 实际执行时等同于
function returnSomething() {
return; // <-- 分号被自动插入
{
name: 'JavaScript Expert'
}
}数组非连续键值
JavaScript 允许开发者通过非连续的索引设置数组元素，这会导致数组的长度意外增长。例如：
var array = [];
array[0] = "first element";
array[100] = "wait what?";
console.log(array.length); // 101这种行为可能会导致在遍历数组时遇到意外的 undefined 值，增加调试难度。
向基本类型添加属性
JavaScript 允许向基本类型（如字符串、数字）的原型添加方法，但这通常被认为是不良实践，因为它会导致代码的可读性和可维护性下降。
String.prototype.alwaysReturnsFalse = () => false;
var itsAString = "hooray";
console.log(itsAString.alwaysReturnsFalse()); // false类型强制转换
JavaScript 的类型强制转换机制在某些情况下会导致意外的结果。例如，字符串和数字的相加操作会优先将数字转换为字符串，而不是将字符串转换为数字。
console.log("1" + 1); // "11"这种行为可能会导致在处理数据时出现意外的错误。
函数提升
JavaScript 中的函数提升允许开发者在函数声明之前调用函数，但这仅适用于函数声明，而不适用于函数表达式。
foo(); // TypeError: foo is not a function
var foo = function() {
console.log("test");
}null 是对象
在 JavaScript 中，null 的类型被认为是 object，这与其他语言中的 null 概念不同，可能会导致类型检查时的混淆。
console.log(typeof null); // "object"影响
这些特性虽然为 JavaScript 带来了灵活性，但也增加了代码的复杂性和调试难度。开发者需要对这些特性有深入的理解，以避免在实际开发中遇到难以排查的错误。此外，这些特性也反映了 JavaScript 在设计上的历史遗留问题，这些问题在现代 JavaScript 开发中仍然存在，且难以彻底解决。
结论
JavaScript 的灵活性和动态性是其受欢迎的主要原因之一，但这些特性也带来了一些不为人知的 “陷阱”。开发者需要对这些特性有深入的理解，以避免在实际开发中遇到难以排查的错误。尽管这些特性可能会导致一些问题，但由于 JavaScript 的广泛应用和历史遗留问题，它们不太可能在短期内被改变或移除。因此，开发者需要通过学习和实践来适应这些特性，并在编写代码时保持警惕，以确保代码的稳定性和可维护性。
AI 阅：了解技术资讯的一种方式。
