JavaScript 中if（！XXX）的作用

最新推荐文章于 2025-06-10 16:33:50 发布

纳木错没有错

最新推荐文章于 2025-06-10 16:33:50 发布

阅读量1.4w

点赞数 23

CC 4.0 BY-SA版权

分类专栏：前端 JavaScript 偶有心得可窥万物文章标签： JavaScript if（！）！

本文链接：https://blog.youkuaiyun.com/qq_39767955/article/details/81944579

前端同时被 3 个专栏收录

39 篇文章

订阅专栏

偶有心得可窥万物

26 篇文章

订阅专栏

JavaScript

20 篇文章

订阅专栏

本文解析了JavaScript中逻辑运算符“！”的使用场景及原理，并通过实例代码演示了其在条件判断中的行为表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对于很多像我这样的小白来说，js里面很多写法都没见过，不要害怕，我们慢慢积累，总会有随心写代码的一天。

我在项目中遇到了下面的写法

var projectName = $("#projectId").find("option:selected").text();
if(!projectName){
	projectName = $("#projectName").val();
}
$("#projectName").val(projectName);

其中!projectName 不知道什么意思，问了一下老程序员后是这样的：第一行代码定义projectName时取值可能为null（""），如果projectName为null的话，在if判断时就会进入判断，当！后面的变量不为null时，就不进入判断语句。

经过测试，得出以下结论：

逻辑对象无初始值或者其值为 0、-0、null、""、false、undefined 或者 NaN，那么if判断 false

测试代码实例：

<html>
<head>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<script>
window.onload=function(){
var b;

//判断jq选择器返回的对象 ---不管id存不存在都返回jq的object对象

if($("#a")){
alert("a");
}

//未初始化的变量

if(!b){
alert("b");
}

//null

if(!null){
alert("null");
}

//数字 0 

if(!0){
alert("0");
}

//数字 -0

if(!-0){
alert("-0");
}

//空字符串

if(!""){
alert("空字符");
}

//NaN

if(!NaN){
alert("不是数字");
}

//undefined 

if(!undefined ){
alert("undefined ");
}

//dalse

if(!false){
alert("false");
}
alert("end");




}
</script>
</head>
<body><body>
</html>

根据上面红字的结论，对 ‘判断对象’进行判断时，可能会出现true或者false两个可能值（这是一句废话，但还是要写），当判断对象为无初始值或者其值为 0、-0、null、""、false、undefined 或者 NaN时，if判断出来是false，加上！就是取反，即为true，那么就将执行{ }里面的代码。