== vs === in Javascript
本文来自网易云社区
作者:魏文庆
如果你只想知道==与===的区别,请直接看总结,当然我更希望您能耐心看完全文。
Javascript中用于相等比较的操作符有两个==和===。==我们通常称为“等于”,而===我们通常称为“严格等于”。本文将对==和===做详细说明。===相对简单,让我们从===开始。
===
===首先要求比较双方类型相同, 还要求比较双方值相等。 如果比较的双方是都是对象类型,只有指向同一个对象,才能严格相等。关于javascript的数据类型,请参见Javascirpt基本数据类型。
本节示例如下:
// 类型相同,值相同,才严格相等
1 === 1; "jerry" === "jerry"; true === true; null === null; undefined === undefined; // 类型相同且为对象类型,必须是指向同一个的对象才严格相等
{name:"jerry"} !== {name: "jerry"} // 两个不同的{name:"jerry"}对象
var a = {name:"jerry"}; var b = a;
a === b; // 指向同一个对象
// 类型不同,不严格相等
null !== undefined; false !== 0; 1 !== "1";
==
==在进行比较时,如果比较的双方数据类型不同,通常会先转换成相同的类型再进行比较。如果比较的双方类型相同,这时与===相同:如果比较的双方是对象类型,只有指向同一个对象,才能相等;如果是其他类型,比较值是否相等。
比较的双方类型相同时,可以参考===,比较双方类型相同的例子,也可作为本节的例子。下面我们重点讨论比较双方类型不同的情况。
上文中提到比较双方数据类型不同,通常会先转换成相同的类型,哪些是异常呢?null和undefined。
null和undefined在比较的时候不会转换成其他类型。null只和undefined相等。
本节示例如下:
// null和undefined相等
null == undefined; // null/undefined比较时不会做隐式类型转换
0 != null; "undefined" != undefined; null != false;
我们对上例中的0!=null进行具体分析,如果比较之前进行隐式类型转换的话,null转换成Number型的结果为0, 值是相等的,但因为null/undefined在比较之前不会隐式类型转换,所以0!=null。"undefined" != undefined、 null != false 原因类似。
关于隐式类型转换到指定类型的结果,其实等价于调用指定类型的构造函数, 比如null隐式类型转换成Number型的结果等于Number(null), undefined转换成String型的结果等于String("undefined"),详情请参见javascript类型转换。
比较的双方数据类型不同时,进行隐式类型转换时优先转换成Number型。
本节示例如下:
// 隐式类型转换优先转换成Number型
"99" == 99; // "99"转换成Number型为99
"" == 0; // ""转换成Number型为0
true == 1; // true转换成Number型为1
false == "0"; ' \n\n\n' == false;
上例中false=="0"比较难以理解,无论是"0"转换成Boolean型(结果为true),还是把false转换成String型(结果为"false"),值都是不相等的,为什么false=="0"呢?我们只要记住优先转换成Number型原则, false转换成Number型,等于 Number(false),等于0, "0"转换成Number型,等于Number("0"), 等于0, 值相等。' \n\n\n' == false类似,Number(' \n\n\n')等于0, Number(false)等于0, 值相等。
比较的双方数据类型不同且有一方是Object类型, 先把Object类型转换成原始类型。我们知道基本只有String/Number/Boolean对象能转换成有意思的原始类型。我们在程序中不推荐使用String/Number/Boolean对象(直接使用原始值), 这部分内容就不展开了。
总结
==和===的异同点:
比较双方都是对象时,只有指向同一个对象才会相等(包含==/===)。
===要求比较双方类型相同并且值相等。
==在比较双方类型不同的时候通常会进行隐式类型转换。
易于记忆的==比较的原则:
null==undefined, null/undefined不进行隐式类型转换。
进行隐式类型或转换时,优先转换成Number型。
网易云大礼包:https://www.163yun.com/gift
本文来自网易云社区,经作者魏文庆授权发布。
相关文章:
【推荐】 Clojure基础课程2-Clojure中的数据长啥样?
== vs === in Javascript的更多相关文章
- JavaScript之父Brendan Eich,Clojure 创建者Rich Hickey,Python创建者Van Rossum等编程大牛对程序员的职业建议
软件开发是现时很火的职业.据美国劳动局发布的一项统计数据显示,从2014年至2024年,美国就业市场对开发人员的需求量将增长17%,而这个增长率比起所有职业的平均需求量高出了7%.很多人年轻人会选择编 ...
- javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈
Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...
- Javascript 的执行环境(execution context)和作用域(scope)及垃圾回收
执行环境有全局执行环境和函数执行环境之分,每次进入一个新执行环境,都会创建一个搜索变量和函数的作用域链.函数的局部环境不仅有权访问函数作用于中的变量,而且可以访问其外部环境,直到全局环境.全局执行环境 ...
- 探究javascript对象和数组的异同,及函数变量缓存技巧
javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...
- 读书笔记:JavaScript DOM 编程艺术(第二版)
读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Nets ...
- 《Web 前端面试指南》1、JavaScript 闭包深入浅出
闭包是什么? 闭包是内部函数可以访问外部函数的变量.它可以访问三个作用域:首先可以访问自己的作用域(也就是定义在大括号内的变量),它也能访问外部函数的变量,和它能访问全局变量. 内部函数不仅可以访问外 ...
- JavaScript权威指南 - 函数
函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对 ...
- JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css ...
- JavaScript进阶之路(一)初学者的开始
一:写在前面的问题和话 一个javascript初学者的进阶之路! 背景:3年后端(ASP.NET)工作经验,javascript水平一般般,前端水平一般般.学习资料:犀牛书. 如有误导,或者错误的地 ...
- 梅须逊雪三分白,雪却输梅一段香——CSS动画与JavaScript动画
CSS动画并不是绝对比JavaScript动画性能更优越,开源动画库Velocity.js等就展现了强劲的性能. 一.两者的主要区别 先开门见山的说说两者之间的区别. 1)CSS动画: 基于CSS的动 ...
随机推荐
- oracle 日期常用函數sysdate
SYSDATE 2 --◎ 可得到目前系統的時間 3 4 ex. 5 select sysdate from dual; 6 ...
- BZOJ2407/4398:探险/福慧双修(最短路)
Description 探险家小T好高兴!X国要举办一次溶洞探险比赛,获奖者将得到丰厚奖品哦!小T虽然对奖品不感兴趣,但是这个大振名声的机会当然不能错过! 比赛即将开始,工作人员说明了这次比赛的规则: ...
- python 3.6.3 异常
内置异常 在Python中,所有异常都必须是派生类的实例 BaseException.在try同一个声明中except 说提到一类特殊条款,该条款还处理来自类(从中但也不例外类派生的任何异常类它派生) ...
- phpcms利用表单向导创建留言板(可以回复)
这篇博客写的很详细,可跳转到如下链接: http://blog.aiwebcom.com/%E7%BD%91%E7%AB%99%E5%BB%BA%E8%AE%BE/phpcms/456.html 注: ...
- canvas制作随机验证码
看到人家彩色背景的验证码想测试一下: 创建html代码: <canvas id="myCanvas" width="200" height="1 ...
- Spring mvc实现ex导入导出
依赖架包 <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</arti ...
- java连接数据库增删改查公共方法
package dao; import java.io.IOException; import java.sql.CallableStatement; import java.sql.Connecti ...
- hadoop-1.2.1运行过程中遇到的问题
在hadoop-1.2.1中运行所遇到的问题: 2014-11-14 22:43:42 在服务器上运行hadoop-1.2.1中的datanode,出现了内存占用过大,导致ssh登陆出现如下问题 ...
- windows下3D文字
windows下3D文字 简单概述 需要在每一帧的视频图像上面添加3D文字,文字可以自由移动位置,变换各种字体属性,还能进行一些简单动画.然后把处理好的视频图像传个下一个步骤去处理.做的过程中参考了G ...
- jQuery实现简单的拼图游戏
一,实现拼图的搭建: <div class="box"> <table id="table1" class="mytable&quo ...