JS中“==”和“===”的原理和区别
1、为什么讨论这个问题?
- 有个说法,尽量不用==,而使用===,是这样吗?
2、分析问题,原理是什么?
下面说说ECMAScript 5 language specification里的说明:
1)两种比较方法
全等号===只考虑类型相同的值的比较,不同类型使用===进行比较,返回false
双等号==会先将不同类型的值转为相同类型,然后使用全等号进行比较。
使用双等号会有两个问题:
● 转换规则可能不是你期望的那样
● 由于双等号是宽容的,类型错误可能会被忽略掉。
2)全等号===(严格等号)
比较两个值,
如果类型不同,一定返回false;
如果类型相同,则按照如下的规则进行比较:
① 两个都是undefined类型,返回true;(undefined === undefined)
② 两个都是null类型,返回true;(null === null)
③ 两个都是number类型
如果有一个是NaN,则为false;(Nan !== *//any value including NaN)
如果两个值相同,返回true;(x==x)
一个是+0,一个是-0(+0===-0)
④ 两个都是boolean类型或者两个都是string类型(基础数据类型,不是String对象),答案很明显。
"111" === "111"//true
true === true//true
⑤ 两个对象(包括array和function),除非是同一个对象(即同一个引用),否则都是false
var a = NaN;
a === a;//false(NaN无法用来比较)
var b = {}, c = {};
b === c;//false
b === b;//true
"abc" = new String("abc");//false(左边是基本数据类型string,后边是object类型)
注:ECMAScript中有5种基本数据类型(Undefined、Null、Boolean、Number、String)
还有1种复杂数据类型Object。
3)双等号==
比较两个值,如果两个值类型相同,则使用===进行对比;
如果两个值类型不同,则按照一下规则进行比较:
① undefined == null
② 一个number,一个string,将string转换成number类型再做比较;
③ 一个boolean,一个非boolean,将boolean转换成number类型再做比较;
④ 一个string或者number,跟一个object,将object转换成基本数据类型再做比较;
第三条规则会导致大于1的number值不等于true,比如:
0 == false//true
1 == true//true
2 == true//false(true -- > 1 ; 2 != 1)
2 ? true : false//true
"" == 0;//true
"123" == 123;//true
"" == false//true(false-->0;""-->0;0==0)
"1" == true//true
"2" == true//false(true-->1;"2"-->2;2!=1)
"true" == true//false(true-->1;"true"-->NaN;1!=NaN)
"2" ? true : false//true(because string is non-empty)
"abc" == new String("abc")//true(object->string)
3、得出结论和建议?
鉴于==的对比规则会出现一些意想不到的结果,建议尽量多使用===,而非==。
参考文章:
http://www.2ality.com/2011/06/javascript-equality.html
https://www.zhihu.com/question/31442029
JS中“==”和“===”的原理和区别的更多相关文章
- JS中isPrototypeOf 和hasOwnProperty 的区别 ------- js使用in和hasOwnProperty获取对象属性的区别
JS中isPrototypeOf 和hasOwnProperty 的区别 1.isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的 ...
- (网页)Angular.js 中 copy 赋值与 = 赋值 区别
转自st.gg Angular.js 中 copy 赋值与 = 赋值 区别 为什么用 $scope.user = $scope.master; $scope.master 会跟着 $scope.use ...
- js中的substr和substring区别
js中的substr和substring区别 Substring: 该方法可以有一个参数也可以有两个参数. (1) 一个参数: 示例: var str=“Olive”: str.substring( ...
- JS 中的require 和 import 区别整理
ES6标准发布后,module成为标准,标准的使用是以export指令导出接口,以import引入模块,但是在我们一贯的node模块中,我们采用的是CommonJS规范,使用require引入模块,使 ...
- 浅谈JS中的!=、== 、!==、===的用法和区别 JS中Null与Undefined的区别 读取XML文件 获取路径的方式 C#中Cookie,Session,Application的用法与区别? c#反射 抽象工厂
浅谈JS中的!=.== .!==.===的用法和区别 var num = 1; var str = '1'; var test = 1; test == num //tr ...
- js中JSON和JSONP的区别,让你从懵逼到恍然大悟
说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服 ...
- [转]html js中name和id的区别和使用分析
js中web页面元素的调用可以有两种识别方法:id和name 自己在用的过程中总结一下id和name的使用区别. 一,使用范围 除 BASE, HEAD, HTML, META, SCRIPT, ST ...
- js中__proto__和prototype的区别和关系?
_proto__(隐式原型)与prototype(显式原型)1.是什么 显式原型 explicit prototype property: 每一个函数在创建之后都会拥有一个名为prototype的属性 ...
- 浅谈js中null和undefined的区别
在JS中,null和undefined是经常让人摸不着头脑的东西,尤其是在数据初始化以及处理的过程中,经常稍微不注意,就会让页面在渲染时出现报错,下面来细说下,这两者之间的区别: null 表示一个对 ...
随机推荐
- CF510B Fox And Two Dots(搜索图形环)
B. Fox And Two Dots time limit per test 2 seconds memory limit per test 256 megabytes input standard ...
- Centos 升级 python
昨天把redmine的测试环境给搞Over了,想了下,干脆直接把环境给整成docker化的,配置环境的时候,安装docker-compose需要python2.7支持. CentOS 6 系统默认 P ...
- Centos 安装 MySQL-python
更新yum yum update yum install mysql-devel yum install gcc yum install python-devel pip install MySQL- ...
- Dokcer制作nginx镜像,提交镜像至仓库
生成Dockerfile FROM docker.io/hagaico/centos-base-6.5:latest MAINTAINER yatho yatho@163.com ENV DEBIAN ...
- [SQL] 用SQL语句检查CPU和磁盘空间
在MS Sql Server中可以能过以下的方法查询出磁盘空间的使用情况及各数据库数据文件及日志文件的大小及使用利用率: 1.查询各个磁盘分区的剩余空间:Exec master.dbo.xp_fixe ...
- Mecanim高级主题:Mecanim Blend Tree应用、Blend Tree 选项、复合Blend Tree
一.Blend Tree介绍及应用 一个游戏动画的基本任务就是将两个或多个相似的动作混合.也许最广为人知的例子就是依照任务行动的速度将行走和跑动动画混合起来了.另一个例子就是角色在跑动中向左或向右转身 ...
- Git - Pull Request工作流
Pull Requests是Bitbucket上方便开发者之间协作的功能.提供了一个用户友好的Web界面,在集成提交的变更到正式项目前可以对变更进行讨论. 开发者向团队成员通知功能开发已经完成,Pul ...
- Oracle体系结构之Oracle静态监听配置模板
1.监听程序配置:[oracle@localhost admin]$ vim listener.ora# listener.ora Network Configuration File: /u01/a ...
- numpy中np.nan(pandas中NAN)
转自:http://blog.csdn.net/xiaodongxiexie/article/details/54352889 在处理数据时遇到NAN值的几率还是比较大的,有的时候需要对数据值是否为n ...
- 2018/03/14 每日一个Linux命令 之 ln
ln 链接命令 -- 类似Windows的快捷方式,实际等于建立了一个文件同步的链接,我想,MAC上面复制一个文件到另一个路径,特别快,它可能就是建立了一个链接. -- 在通俗点讲,就是你创建链接之后 ...