js的if判断问题

Question

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？

Answer 1

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属性是否存在，但是不应该这么写！

Answer 2

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

Answer 3

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

return;

}
改成这个试试

Answer 4

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

Answer 5

能不能放详细的代码？

Answer 6

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

Answer 7

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

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

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

Answer 8

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

Answer 9

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

Answer 10

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

Answer 11

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

Answer 12

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