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