JS 操作符的隐式类型转换

前端

2024-02-09 19:37:21

ECMAScript 操作符深度解析

在面试中，ECMAScript 操作符中的隐式类型转换是一个常见的考察点，但对于操作符的执行规则往往理解不够透彻。本文旨在填补这一空白，提供一个全面的笔记，以便随时查阅和巩固。

引言

ECMAScript 中的操作符定义了数据操作和控制流程的规则。理解这些操作符对于编写健壮且高效的 JavaScript 代码至关重要。然而，操作符在执行过程中涉及到隐式类型转换，这可能会使理解变得复杂。

隐式类型转换

隐式类型转换是指在操作符操作过程中自动将一种类型的值转换为另一种类型。JavaScript 中的操作符根据以下规则进行隐式类型转换：

数字 (Number) ：转换为数字。
布尔值 (Boolean) ：转换为布尔值。
字符串 (String) ：转换为字符串。
null ：转换为 null。
undefined ：转换为 undefined。
对象 (Object) ：转换为对象。

各种操作符的隐式类型转换

*1. 算术操作符 (+, -, , /, %)

数字与字符串连接时，字符串转换为数字。
布尔值转换为 1（true）或 0（false）。

**2. 比较操作符 (==, !=, ===, !==)**

比较不同类型的值时，执行隐式类型转换。
对于 == 和 != 操作符，按以下规则转换：
- 布尔值转换为数字。
- 字符串转换为数字（如果可能）。
- null 和 undefined 视为相等。
对于 === 和 !== 操作符，不会执行隐式类型转换，因此不同类型的值始终不相等。

**3. 赋值操作符 (=, +=, -=, *=, /=, %=)**

将右侧值转换为与左侧变量相同的数据类型。

4. 逻辑操作符 (&&, ||)

布尔值与其他类型的值比较时，执行隐式类型转换。
非布尔值转换为布尔值，其中数字 0、空字符串和 null 转换为 false，其他值转换为 true。

5. 一元操作符 (+, -, !, typeof)

一元 + 操作符将字符串转换为数字。
一元 - 操作符将布尔值转换为数字。
一元 ! 操作符将布尔值转换为数字。

示例

console.log(1 + "2"); // 输出：3（字符串转换为数字）
console.log(true - false); // 输出：1（布尔值转换为数字）
console.log("10" == 10); // 输出：true（字符串转换为数字）
console.log(null == undefined); // 输出：true（隐式类型转换）
console.log(10 && "false"); // 输出：false（非布尔值转换为布尔值）