前端-阶段02-JS基础语法-Day02 | 昕昕-未来不是梦

type

status

date

slug

summary

1 数据类型转换

1.1 数据类型转换的规则

① 其他类型转为 number 类型

string 转为 number：

字符串转number之前，会自动去掉两端所有的空格！取掉空格之后剩下的内容再转。

boolean 转为 number：

undefined 转为 number：

null 转为 number：

② 其他类型转为 string 类型

③ 其他类型转为 boolean 类型

number -> boolean：

string -> boolean：

字符串转 boolean 的时候，不会去掉两端的空格！

undefined -> boolean：

null -> boolean：

1.2 强制类型转换（显示转换）

① 强制把其他类型转为 number 类型的函数

parseInt()、parseFloat() 与 Number() 的区别：

parseFloat() 和 parseInt 的区别：

可以使用 parseInt 来提取数字中的整数部分！

② 强制把其他类型转为 string 类型的函数

③ 强制把其他类型转为 boolean 类型的函数

1.3 自动类型转换（隐式转换）

2 运算符

2.1 运算符和表达式

① 运算符

② 表达式

2.2 运算符的分类

① 按照运算符需要的操作数的个数

② 按照运算符的功能

2.3 运算符讲解（按照功能）

① 算术运算符

运算符	含义	操作数个数	操作数的类型要求	组成的表达式的值的类型	有无副作用
+	相加	2	number	number	无
-	相减	2	number	number	无
*	相乘	2	number	number	无
/	相除	2	number	number	无
%	取余	2	number	number	无
+	正号	1	number	number	无
-	负号	1	number	number	无
++	累加	1	number	number	有
--	累减	1	number	number	有

+ 什么时候是正号？什么时候是相加？

关于表达式的副作用：

累加累加减：运算符在前和在后的区别：

② 关系运算符（比较运算符）

运算符	含义	操作数个数	操作数的类型要求	组成的表达式的值的类型	有无副作用
>	大于	2	number、string	boolean	无
>=	大于等于	2	number、string	boolean	无
<	小于	2	number、string	boolean	无
<=	小于等于	2	number、string	boolean	无
==	相等	2	俩操作数类型不一致转number 类型一致直接看是否相同	boolean	无
!=	不相等	2	俩操作数类型不一致转number 类型一致直接看是否相同	boolean	无
===	全等	2	没有要求	boolean	无
!==	不全等	2	没有要求	boolean	无

字符串比较大小的规则：

null 与其他数据判断相等和不相等（特殊）：

全等判断和相等判断的区别：

③ 逻辑运算符

运算符	含义	操作数个数	操作数的类型要求	组成的表达式的值的类型	有无副作用
&&	逻辑与	2	boolean	取两个操作数中的一个	无
\|\|	逻辑或	2	boolean	取两个操作数中的一个	无
!	逻辑非	1	boolean	boolean	无

逻辑与运算符组成的表达式的值：

逻辑或运算符组成的表达式的值：

④ 赋值运算符

运算符	含义	操作数个数	操作数的类型要求	组成的表达式的值的类型	有无副作用
=	赋值	2	无要求	取左边操作数重置赋值之后的值	有
+=	相加赋值	2	number	取左边操作数重置赋值之后的值	有
-=	相减赋值	2	number	取左边操作数重置赋值之后的值	有
*=	相乘赋值	2	number	取左边操作数重置赋值之后的值	有
/=	相除赋值	2	number	取左边操作数重置赋值之后的值	有
%=	区域赋值	2	number	取左边操作数重置赋值之后的值	有
+=	字符连接赋值	2	string	取左边操作数重置赋值之后的值	有

⑤ 其他运算符

运算符	含义	操作数个数	操作数的类型要求	组成的表达式的值的类型	有无副作用
typeof	类型判断	1	无要求	string	无
	逗号	2	无要求	取第二个操作数作为表达式的值	无
+	字符串连接符	2	string	string	无
?:	ㅤ	ㅤ	ㅤ	ㅤ	ㅤ

+ 什么时候是相加、字符串连接符或者正号？

条件运算符组成的表达式的取值规则：