JavaScript 中if(!XXX)的作用

对于很多像我这样的小白来说,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,那么就将执行{ }里面的代码。

  • 23
    点赞
  • 48
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值