提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
一、 什么是 隐式转换?
JavaScript 是一种动态类型语言,它允许在运行时自动进行类型转换。而隐式类型转换是指在表达式中自动进行的类型转换,而无需显式地调用转换函数。这种转换通常发生在不同类型的操作数之间,以便使它们兼容并执行所需的操作。
例如,当您将一个字符串和一个数字相加时:
let result = "10" + 5;
console.log(result); // 输出 "105"
在这个例子中,JavaScript 自动将数字 ‘5’。
二、具体规则
1. 隐式转换规则
- 算术运算符:加(+)、减(-)、乘(*)、除(/)、取模(%);
- 逻辑运算符:逻辑与(&&)、逻辑或(||)、逻辑非(!);
- 字符串运算符:+、+=。
2.+运算符
+运算符即可数字相加,也可以字符串相加。所以转换时很麻烦,有些也比较难理解
(1)字符串连接符+:会把其他数据类型调用String()方法转成字符串然后拼接
(2)算术运算符+:会把其他数据类型调用Number()方法转成数字然后做加法计算
- ? * / % 就会发生转换number 进行算术运算
//+是算术运算符:
//1 + Number(true)=1+1=2
console.log ( 1 + true);//2
//3+ Number(undefined)=3+NaN=NaN
console.log( 3 + undefined);// NaN
//3+ Number(null)=3+0=3
console.log( 3 + null);//3
- ? + str (字符串连接符 + )就会发生转换为string 拼接其他类型的数据
console.log(1 + 'str');//1str
console.log(-1 + 'str');//-1str
console.log(0 + 'str');//0str
conlose.log(NaN+'str');//NaNstr
console.log(true + 'str');//truestr
console.log(false + 'str');//falsestr
console.log(null + 'str');//nullstr
console.log(undefined + 'str');//undefinedstr
3.规律
-
'string + number’字符串加数字,数字会转换为字符串;
-
‘number - string’数字减字符串,字符串会转换为数字,如果字符串无法转换为数字(例如"abc"、“JavaScript”),则会转换为 NaN;
-
'string - number’字符串减数字,字符串会转换为数字,如果字符串无法转换为数字,则会转换为 NaN;即’➖’优先向数字转换。
-
乘、除运算时,也会先将字符串转换为数字。
-
可以巧妙地记一下,当字符串和数字同时存在时,除了加号运算符转化为字符串,其他减、乘和除都优先转化为数字。
console.log(11 + 11) //22
console.log('11' + 11) //1111
console.log(11 - 11) //0
console.log('11' - 11) //0
console.log(1 * 1) //1
console.log('1' * 1) //1
console.log(typeof '123') //string
console.log(typeof + '123') //number
console.log(+'11' + 11) //22