js的if判断问题

冥然兀坐
  • 142
e = window.event || e;
if((e.target && e.target.className && e.target.className == "")){
    return;
}

为什么if的判断为false,我的e.target,e.target.className都是存在的,e.target.className也确实为"",求问这样写为什么进不去return?

回复
阅读 4k
12 个回答

e.target.className=="" ,在js中 "" 就是false,
因此 e.target.className=="" true,e.target.className 是false;e.target.className=="" false,e.target.className 是true

由此可见,该判断永远都不会进入return,2,3条件是相悖的。

楼主是想通过e.target.className判断Class属性是否存在,但是不应该这么写!

e.target.className && e.target.className == "" 问题所在,两个不能共存啊。

e.target.className这个有问题
如果是“”,就会判断为失败。
if((e.target && e.target.className === "")){

return;

}
改成这个试试

e.target && e.target.className && e.target.className == ""这个表达式在第二步 e.target.className就为false了你以为还会判断下一个false true。

能不能放详细的代码?

逻辑有问题,存在又为空,悖论。

  1. &&逻辑运算符有短路特性

  2. 空字符串转换成成逻辑值就为false

var p='';
if(p){
    console.log("true");
}else{
    console.log("false");
}
//输出false

第二个为空,就跳出去了。

→_→ 第二个条件有必要吗

!"";
//true
//当一个空的字符做逻辑运算的时候会被转为false
if(true&&""){
    
}

你这写法,在第二个条件中就被干掉了。因为 JavaScript 对于假值这个东西还是比较宽松的,在条件语句中像 0, false, '', undefined, null, NaN 都会自动转为 false

当e.target.classname==""时,第二个条件为false,&&就跳出去了,所以没法到return那里。

你知道吗?

宣传栏