Javascript中3个需要注意的运算符_javascript技巧

心，刚好在js中，我的这种习惯就被颠覆了，下面就看看哪些运算符颠覆了我的三观。

一：==运算符

　　==运算符之所以可以颠覆，可以从下面几个例子中看出来。

<1> "10"==10 ?

　　如果这要是放在C#里面，编译器会毫不客气的告诉你，王八羔子，类型都不同，你比个毛线啊。。但是在JS里面又会是怎样呢？

从上图中，你可以看到，不管你好奇不好奇，答案就在那里，可能有人就要问，到底是10转化成了“10”，还是“10”被转化成了10，所以这个也

是我一直吐槽的地方，如果是C#，你还可以看看IL里面到底怎么处理的，而JS里面你什么都看不到，只能听教科书上的一面之词，无法眼见为实。

所以除了记住就是记住了，我只能说是字符串”10“转换成了10，然后进行整形比较的。

<2>true==1 ?

这个问题稍微想想还能理解，其实在C#的IL中，也是将true和false相应的转化为1和0，所以js在判断时会将true转化为1，再进行整形比较，这

个现象我觉得不怎么稀奇，记住就好。

<3> {valueOf:function(){return "10"}}==10?

这个问题也是蛮奇葩的，对象居然还可以和int类型相比较？但是在JS中却真的可以做到，原理是这样的，如果一个对象和int/string比较的话，

js内部会优先调用valueOf方法，也就是将对象数值化，其实这里好玩的地方就是我们自定义的valueOf重写了父类的valueOf方法，所以上面

的例子就是判断“10”==10?。

这里还要PS一下，如果你的类中没有定义valueOf方法的话，js内部引擎还会再去找toString()方法，如果有则执行。

不知道当你接触到这些新用法的时候，是不是觉得有点慌乱，好像有种乱七八糟的感觉？如果你很怕程序有潜在的bug，那么为了保险起见，

转化为同一数据类型来比较吧，当然在js里面还有一个===运算符可以说跟C#里面的逻辑运算符算是最接近的，这个多出来的“=”就是在

“==”的基础上再判断类型是否相等？就比如:

二：&&和||运算符

这两个运算符也是蛮奇葩的，在我们的思维习惯里面，这两个运算符两边就应该都是bool类型，但是在JS里面这些定义会被彻底颠覆，正是这些新规则，所以我们可以完成很多新花样，比如在jquery的源码中，可以到处都能找到这样的痕迹。

从图中我们看到了这么一句，bup=b && b.parentNode，你能理解这句话的意思吗？其实它的意思是先判断b是否存在，如果b不存在，那

可能b就是undefined，null，0 或者NaN，如果b存在，那么就返回m.parentNode，就这么好玩，如果你用C#的话，就少不了几个if条件了，

也算是简化代码吧，然后再看看||操作，这个简直在源码里面可以用泛滥来形容了，不过乍一看，特别像是C#中的可空运算符，所以亲切感倍

增，下面就拿ret=results||[]来说，如果results有值，那么ret=results，如果results为null，undefined，NaN或者0，那么result=[]，就

这样的任性，省去了程序员很多if判断，最后要补充一句，其实就像C#的IL中一样，只是JS底层给我们做了if判断。