JavaScript 隐式类型转换

时间:2023-12-23 19:55:13

JavaScript 隐式类型转换

原文:https://blog.csdn.net/itcast_cn/article/details/82887895

· 1.1 隐式转换介绍

· 1.2 隐式转换规则

· 1.3 坑一:字符串连接符与算术运算符隐式转换规则混淆

· 1.4 坑二:关系运算符:会把其他数据类型转换成number之后再比较关系

· 1.5 坑三:复杂数据类型在隐式转换时会先转成String,然后再转成Number运算

· 1.6-坑四:逻辑非隐式转换与关系运算符隐式转换搞混淆

1.1-隐式转换介绍

· 在js中,当运算符在运算时,如果两边数据不统一,CPU就无法计算,这时我们编译器会自动将运算符两边的数据做一个数据类型转换,转成一样的数据类型再计算。

o 这种无需程序员手动转换,而由编译器自动转换的方式就称为隐式转换

· 例如1 > "0"这行代码在js中并不会报错,编译器在运算符时会先把右边的"0"转成数字0`然后在比较大小

1.2-隐式转换规则

1. 转成string类型: +(字符串连接符)

2. 转成number类型:++/--(自增自减运算符) + - * / %(算术运算符) > < >= <= == != === !=== (关系运算符)

3. 转成boolean类型:!(逻辑非运算符)

1.3-坑一:字符串连接符与算术运算符隐式转换规则混淆

· 常见面试题如下

JavaScript 隐式类型转换

· 原理分析

JavaScript 隐式类型转换

1.4-坑二:关系运算符:会把其他数据类型转换成number之后再比较关系

常见面试题如下

JavaScript 隐式类型转换

· 原理分析

JavaScript 隐式类型转换

1.5-坑三:复杂数据类型在隐式转换时会先转成String,然后再转成Number运算

JavaScript 隐式类型转换

· 原理分析

JavaScript 隐式类型转换

JavaScript 隐式类型转换

1.6-坑四:逻辑非隐式转换与关系运算符隐式转换搞混淆

· 前方高能,请注意~

o 空数组的toString()方法会得到空字符串,而空对象的toString()方法会得到字符串`[object Object]` (注意第一个小写o,第二个大写O哟)

· 常见面试题

JavaScript 隐式类型转换

· 原理分析

JavaScript 隐式类型转换

JavaScript 隐式类型转换

JavaScript 隐式类型转换

JavaScript 隐式类型转换

JavaScript 隐式类型转换

附:JavaScript 真值表

JavaScript 隐式类型转换

在平常的习惯中,我们应该尽可能的使用 === 而不是 ==。同时,可以选择使用 typeof 或者 ts 来避免强制类型转换的错误。

============== End