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


Posted in Javascript onApril 02, 2015

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

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

一:==运算符

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

<1> "10"==10 ?

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

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

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

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

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

<2>true==1 ?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二:&&和||运算符

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

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

从图中我们看到了这么一句,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判断。

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

Javascript 相关文章推荐
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
Jun 04 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
javascript 获取网页标题代码实例
Jan 22 Javascript
2则自己编写的jQuery特效分享
Feb 26 Javascript
基于jquery实现复选框全选,反选,全不选等功能
Oct 16 Javascript
jQuery插件pagination实现无刷新分页
May 21 Javascript
关于JavaScript中的this指向问题总结篇
Jul 23 Javascript
vue绑定设置属性的多种方式(5)
Aug 16 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
Nov 17 Javascript
vue element-ui读取pdf文件的方法
Nov 26 Javascript
es6数组之扩展运算符操作实例分析
Apr 25 Javascript
游戏开发中如何使用CocosCreator进行音效处理
Apr 14 Javascript
原生JS实现响应式瀑布流布局
Apr 02 #Javascript
Javascript变量的作用域和作用域链详解
Apr 02 #Javascript
JavaScript中连接操作Oracle数据库实例
Apr 02 #Javascript
JavaScript中操作Mysql数据库实例
Apr 02 #Javascript
JavaScript使用ActiveXObject访问Access和SQL Server数据库
Apr 02 #Javascript
JavaScript实现重置表单(reset)的方法
Apr 02 #Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
Apr 02 #Javascript
You might like
PHP 程序员应该使用的10个组件
2009/10/31 PHP
php通过执行CutyCapt命令实现网页截图的方法
2016/09/30 PHP
PHP使用finfo_file()函数检测上传图片类型的实现方法
2017/04/18 PHP
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
2009/12/03 Javascript
JQuery 学习笔记01 JQuery初接触
2010/05/06 Javascript
jquery 插件学习(一)
2012/08/06 Javascript
JS实现随机化快速排序的实例代码
2013/08/01 Javascript
javascript实现的DES加密示例
2013/10/30 Javascript
JavaScript获取路径设计源码
2014/05/22 Javascript
jQuery获取iframe的document对象的方法
2014/10/10 Javascript
jQuery自定义滚动条完整实例
2016/01/08 Javascript
bootstrap datetimepicker2.3.11时间插件使用
2016/11/19 Javascript
基于jQuery实现选项卡效果
2017/01/04 Javascript
Javascript中document.referrer隐藏来源的方法
2017/01/16 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
2017/02/14 Javascript
JS中利用localStorage防止页面动态添加数据刷新后数据丢失
2017/03/10 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
Vuejs开发环境搭建及热更新【推荐】
2018/09/07 Javascript
elementUI select组件value值注意事项详解
2019/05/29 Javascript
一次让你了解全部JavaScript的作用域
2019/06/24 Javascript
javascript实现弹出层效果
2019/12/10 Javascript
深入了解JS之作用域和闭包
2020/06/16 Javascript
JS访问对象两种方式区别解析
2020/08/29 Javascript
python 参数列表中的self 显式不等于冗余
2008/12/01 Python
python动态参数用法实例分析
2015/05/25 Python
Python用list或dict字段模式读取文件的方法
2017/01/10 Python
Python根据欧拉角求旋转矩阵的实例
2019/01/28 Python
python 如何设置守护进程
2020/10/29 Python
python爬取招聘要求等信息实例
2020/11/20 Python
意大利在线眼镜精品店:Ottica Lipari
2019/11/11 全球购物
Ajax请求总共有多少种Callback
2016/07/17 面试题
酒店中秋节活动方案
2014/01/31 职场文书
园林技术专业求职信
2014/07/28 职场文书
小学教师暑期培训方案
2014/08/28 职场文书
python库Tsmoothie模块数据平滑化异常点抓取
2022/06/10 Python