浅谈JavaScript中的“!!”作用

(编辑：jimmy 日期: 2024/12/26 浏览：3 次 )

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
 
		alert(!!undefined)//false
		alert(!!null)//false
		alert(!!0)//false
		alert(!!"")//fase
		
	</script>
</head>
<body>
 
</body>
</html>

js代码中有时会用到“！”，这个我们知道是取反，对于布尔类型会将其值true和false互换，那对于非布尔类型呢？

对于非布尔类型，js会将值先转换成布尔类型，而后取反。

其他类型转布尔型的规则：

字符串类型值，会将空值（""）转换成false，其余转换成true。

数字类型，会将0转换成false，其余为true。

null、undefined会转换成false。

因此，对于null、undefined、0、“”都会被转为flase。

说道这里，应该就理解了“!!”的含义了，一个！是将对象转为布尔型并取反，两个！是将取反后的布尔值再取反，相当于直接将非布尔类型值转为布尔类型值。

上一篇：vue实现PC端分辨率适配操作
下一篇：基于脚手架创建Vue项目实现步骤详解