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

平时写惯了C#，所以会觉得什么样的运算符就应该做什么样的运算，但是有一天你的习惯被其他语言颠覆了，不知道是不是有一股强大的好奇

心，刚好在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判断。

赞 (0)

相关推荐

  • javascript中in运算符用法分析

    本文实例讲述了javascript中in运算符用法.分享给大家供大家参考.具体分析如下: in运算符希望它的左操作数是一个字符串或可以转换为字符串,希望他的右操作数是一个对象:如果右侧对象拥有一个名为左操作数值的属性名,那么表达式返回true: var point = {x:1,y:1}; "x" in point //true "z" in point //false "toString" in point //true var ary = [

  • JS实现简单的二维矩阵乘积运算

    JS实现简单的二维矩阵乘积运算

    本文实例讲述了JS实现简单的二维矩阵乘积运算方法.分享给大家供大家参考,具体如下: Console控制台截图如下: (上图为输出结果直接上代码了(A矩阵可以乘以B矩阵的前提是A矩阵的列数等于B矩阵的行数) <!DOCTYPE html> <html> <head> <title>demo</title> </head> <body> </body> <script type="text/java

  • Javascript图像处理—为矩阵添加常用方法

    前言 上一篇文章,我们定义了矩阵,这篇文章我们来给矩阵添加一些常用方法. toString方法 toString方法通常用作将对象转成字符串描述,所以我们将这一方法定义为输出矩阵元素. 复制代码 代码如下: Mat.prototype.toString = function(){ var tempData = this.data, text = "Mat("+ this.type +") = {\n", num = this.col * this.channel;

  • 浅谈JavaScript中运算符的优先级

    运算符优先级 JavaScript中的运算符优先级是一套规则.该规则在计算表达式时控制运算符执行的顺序.具有较高优先级的运算符先于较低优先级的运算符执行.例如,乘法的执行先于加法. 下表按从最高到最低的优先级列出JavaScript运算符.具有相同优先级的运算符按从左至右的顺序求值. 运算符 描述 . [] () 字段访问.数组下标.函数调用以及表达式分组 ++ -- - ~ ! delete new typeof void 一元运算符.返回数据类型.对象创建.未定义值 * / % 乘法.除法.

  • js实现文本框支持加减运算的方法

    js实现文本框支持加减运算的方法

    本文实例讲述了js实现文本框支持加减运算的方法.分享给大家供大家参考.具体如下: 这是一个网页表单效果,让表单内的文本框支持加减运算,不过你要按正确的运算式输入,要不然它没有那么智能哦,比如输入1+5,文本框旁边会显示计算结果,这要归功于JavaScript的功能. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-math-input-method-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3

  • JS日期加减,日期运算代码

    一.日期减去天数等于第二个日期 function cc(dd,dadd){ //可以加上错误处理 var a = new Date(dd) a = a.valueOf() a = a - dadd * 24 * 60 * 60 * 1000 a = new Date(a) alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日") } cc("1

  • JavaScript运算符小结

    在JavaScript中,常见的运算符有算数运算符.比较运算符和逻辑运算符. 表1 JavaScript常见运算符 算数运算符 说明 举例 结果 = 赋值运算符.将运算符右边变量的值赋给左边变量. x = 5 ; - + 加号.将两个数据相加. y=1+2; y=3 - 减号.将两个数据相减. z = x-y; z=2 * 乘号.将两个数据相乘. a=x*y; a=15 / 除号.将两个数据相除. b=x/z; b=2.5 % 求余运算.求两个数据相除的余数. c=x%z; c=1 ++ 自加.

  • JavaScript使用位运算符判断奇数和偶数的方法

    本文实例讲述了JavaScript使用位运算符判断奇数和偶数的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu

  • JavaScript保存并运算页面中数字类型变量的写法

    之前在html页面嵌入一段如下javascript片段,但是在单击一个按钮的时候会对i值加一,但是两次单击之后,i的初始值没变. 复制代码 代码如下: <script language=javascript>       var i=2; </script> 后来把变量声明在一个test对象里面,如下代码.这样每次变更test.i之后,test.i的值就可以保存下来 复制代码 代码如下: <script language=javascript>       var te

  • 杨氏矩阵查找的JS代码

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="

随机推荐