前端面试知识点：var与let的区别及JS数据类型判断

"前端实习面试总结（初步）" 在前端面试中，理解并掌握JavaScript的基础概念和技术是非常重要的。本文将重点讨论两个关键知识点：变量声明的差异（var与let）以及判断JavaScript数据类型的方法。 首先，让我们深入了解一下var和let在作用域上的区别。var是函数作用域，这意味着在函数内部声明的var变量在整个函数体内都是可访问的，即使它是在循环内部定义的。例如： ```javascript function example() { for (var i = 0; i < 5; i++) { // ... } console.log(i); // 5, 变量i在函数外部仍可访问 } ``` 然而，let是块级作用域，这意味着在块（如if语句、for循环或{}包围的任何代码块）内部声明的let变量仅在该块内有效： ```javascript for (let j = 0; j < 5; j++) { // ... } console.log(j); // UncaughtReferenceError: j is not defined ``` let的一个关键特性是“暂时性死区”（TDZ）。在声明变量之前的任何地方尝试访问let变量都会导致错误。与此相反，var允许在声明之前使用，即使未初始化，变量值也会是undefined。 接下来，我们探讨判断JavaScript数据类型的四种方法： 1. **typeof**：这个操作符可以返回字符串形式的数据类型，但有局限性。例如，它无法区分数组和对象，两者都会返回"object"。此外，对于未声明的变量，typeof会返回"undefined"，但对于null，它也会返回"object"。 2. **instanceof**：此操作符用于检查一个对象是否属于某个构造函数的实例。它不能精确地确定对象的具体类型，只适用于检查实例关系。例如，数组([])是Object的实例，因为它们共享相同的原型链。 3. **constructor**：每个对象都有一个constructor属性，指向创建该对象的函数。但这不是一个可靠的判断方法，因为当开发者修改了原型（prototype），constructor可能会丢失或改变默认值为Object。 4. **Object.prototype.toString.call()**：这是一种更为全面的方法，可以准确识别大多数数据类型。通过调用toString()方法并传入一个特定的对象，我们可以获取表示该对象数据类型的字符串。例如： ```javascript console.log(Object.prototype.toString.call([])); // "[object Array]" console.log(Object.prototype.toString.call(new Date())); // "[object Date]" ``` 面试中展示对这些基础概念的深刻理解和应用是至关重要的。了解变量作用域和正确判断数据类型的能力，可以帮助解决许多实际开发中的问题，也是成为一名合格前端实习生的关键技能之一。