JavaScript面试深度解析：undefined与null的区别

"JavaScript 80 道面试题及答案文档包含了JavaScript语言中的常见面试问题，特别是关于undefined和null的区分以及&&运算符的使用等基础知识。" 在JavaScript中，`undefined` 和 `null` 是两个非常重要的概念，它们在编程过程中经常被用来表示特殊的状态或值。尽管它们有一些相似之处，但它们之间存在明显的差异。 首先，`undefined` 和 `null` 都是JavaScript的基本数据类型，属于七种原始类型之一。这意味着它们不是对象，且存储在栈内存中。此外，它们都被视为 falsy 值，即在布尔转换时会被认为是假（false）。例如，当使用 `Boolean()` 函数或双感叹号 `!!` 运算符将它们转换为布尔值时，结果都是 `false`。 `undefined` 主要用于表示变量已经被声明但尚未赋值的情况，或者对象属性不存在时的默认值。例如，声明一个变量但不赋值，或者尝试访问一个对象中不存在的属性，都会得到 `undefined`。 ```javascript let unassignedVariable; console.log(unassignedVariable); // 输出: undefined const someObj = { a: "ay", b: "bee", c: "si" }; console.log(someObj.d); // 输出: undefined ``` 而 `null` 是一个特殊的值，表示“无”或“空”。它是一个有意为之的空值，通常用于表示一个预期的值不存在。例如，当一个函数预期返回一个对象，但没有返回任何东西时，可以返回 `null` 表示这个行为。 ```javascript function mayReturnObject() { // 没有返回值，但预期可能返回一个对象 } const returnedValue = mayReturnObject(); console.log(returnedValue); // 输出: null ``` 在比较 `null` 和 `undefined` 时，`==` 运算符会认为它们相等，因为它们被视为逻辑上的“相等”，但在使用严格相等运算符 `===` 时，它们被认为是不同的值，因此结果为 `false`。 ```javascript console.log(null == undefined); // 输出: true console.log(null === undefined); // 输出: false ``` `&&` 运算符，也被称为逻辑与运算符，除了用于逻辑判断外，还可以在链式操作中起到短路效果。当左侧表达式的值为 falsy 时，`&&` 运算符会立即停止计算并返回左侧的值；如果左侧为 truthy，则返回右侧表达式的值。这种特性常被用于条件赋值或简化代码。 例如： ```javascript let value1 = false; let value2 = "Hello"; let result = value1 && value2; // 结果为 value1 的值，即 false ``` 在上述例子中，由于 `value1` 是 falsy，所以 `value2` 不会被评估，`result` 直接得到了 `value1` 的值。这种用法在实际编程中非常常见，可以避免不必要的计算或错误。