JavaScript面试深度解析：从基础到高级

"阿里前端面试题第二期.pdf涵盖了JavaScript面试中的关键知识点，包括基础数据类型、内存模型、内部属性、内置对象、编程规范、原型与原型链、类型转换规则、运算符行为、比较操作符、正则表达式、随机数生成、数组操作以及对象创建与继承等。\n\n面试知识点详解如下：\n\n1. **JavaScript基本数据类型**：包括Undefined、Null、Boolean、Number、String、Symbol（ES6新增）和Object。这些是JavaScript中最基础的数据结构。\n\n2. **内存图**：JavaScript中的值在内存中分为两种存储区域——堆和栈。栈主要存放基本数据类型，而堆主要存放复杂数据类型（如对象）。栈内存空间有限，而堆内存可以动态扩展。\n\n3. **堆与栈的区别**：堆用来存储复杂的数据结构，比如对象；栈则用于存储基本数据类型。栈内存分配和释放快速，而堆内存管理相对复杂。\n\n4. **内部属性[[Class]]**：JavaScript中的所有对象都有一个内部属性[[Class]]，它表示对象的类型，但无法直接访问。可以通过`Object.prototype.toString.call(obj)`来间接获取。\n\n5. **内置对象**：JavaScript提供了许多内置对象，如Array、Date、Math、RegExp等，它们提供了许多常用的函数和方法。\n\n6. **undefined与undeclared**：undefined表示变量已声明但未赋值，undeclared表示变量未声明，这是两个不同的错误类型。\n\n7. **null和undefined**：null是一个特殊的值，表示“无”或“空”，而undefined通常表示变量未定义或函数返回值没有明确指定。\n\n8. **获取安全的undefined值**：通过`void 0`可以得到一个安全的undefined值，避免引用到其他意外的变量。\n\n9. **JavaScript编码规范**：包括变量命名、注释、代码缩进、空格使用等，遵循一定的规范可以提高代码可读性和维护性。\n\n10. **原型与原型链**：原型是JavaScript实现继承的基础，每个对象都有一个`__proto__`属性指向其构造函数的原型对象，形成一个原型链。\n\n11. **获取原型的方法**：可以使用`Object.getPrototypeOf(obj)`、`obj.__proto__`（非标准，但常见）或者`obj.constructor.prototype`来获取对象的原型。\n\n12. **进制表示**：JavaScript支持二进制（0b/0B）、八进制（0o/0O，ES6新增）、十进制和十六进制（0x）。\n\n13. **整数安全范围**：JavaScript的整数在32位有符号整型范围内是安全的，即-2^31到2^31-1。\n\n14. **typeof NaN**：typeof NaN的结果是\"undefined\"，因为NaN不是任何类型的实例。\n\n15. **isNaN与Number.isNaN**：isNaN会将非数值转换为数值再判断，而Number.isNaN只判断是否是NaN本身，不进行类型转换。\n\n16. **Array构造函数**：当Array构造函数只有一个非数字参数时，会创建一个长度为该参数的新数组。\n\n17. **其他值到字符串的转换**：通过`toString()`方法或加号+操作符可以将非字符串值转换为字符串。\n\n18. **其他值到数字的转换**：使用`Number()`函数、`parseInt()`或`parseFloat()`可以将非数字值转换为数字。\n\n19. **其他值到布尔值的转换**：根据ECMAScript规范，只有null、undefined、false、0、NaN、空字符串（''）会被转换为false，其余都转换为true。\n\n20. **{}和[]的valueOf和toString**：对象的valueOf返回对象本身，toString会尝试转换为字符串，对于数组会返回逗号分隔的元素字符串。\n\n21. **假值对象**：在布尔转换中，除了false、0、NaN、null、undefined和空字符串之外的对象值都被视为真值。\n\n22. **~操作符**：按位取反操作符，会将数字转换为32位二进制然后取反，最后再转换回十进制。\n\n23. **字符串数字与强制类型转换**：两者都会返回数字，但字符串数字解析可能因非数字字符而失败，而强制类型转换会忽略非数字字符。\n\n24. **+操作符**：既可作为加法运算符，也可用于字符串拼接。如果有一个操作数是字符串，另一个操作数会被转换为字符串。\n\n25. **布尔值隐式转换**：在条件语句（如if）和逻辑运算符中，非布尔值会被转换为布尔值。\n\n26. **||和&&操作符**：||返回第一个可转换为true的操作数，&&返回第一个可转换为false的操作数。\n\n27. **==操作符**：会进行类型转换，比较值的等价性，可能导致预期外的结果。\n\n28. **字符串转数字**：可以使用`Number()`、`parseInt()`或`parseFloat()`，但需注意非数字字符的影响。\n\n29. **浮点数点左边每三位添加逗号**：可以通过字符串处理方法，如split、reverse、slice、join等实现。\n\n30. **正则表达式**：用于匹配字符串模式，常见的有邮箱验证、URL验证、数字验证等。\n\n31. **随机数生成**：可以使用Math.random()生成0到1之间的随机数，或者结合Math.floor()和Math.max()、Math.min()生成特定范围的随机数。\n\n32. **数组随机排序**：可以使用`array.sort(() => Math.random() - 0.5)`实现随机排序。\n\n33. **创建对象的方式**：包括字面量语法、构造函数、工厂函数、对象字面量、对象解构、Object.create、Class（ES6）等。\n\n34. **JavaScript继承**：包括原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承、鸭子类型等。\n\n35. **寄生式组合继承**：结合了构造函数和原型链继承，避免了传统组合继承中的父类引用复制问题，是最常用的继承方式之一。\n\n以上知识点涵盖了JavaScript面试的多个方面，掌握这些内容对于前端开发者来说至关重要。"