博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS中 === 和 == 的区别
阅读量:5865 次
发布时间:2019-06-19

本文共 2172 字,大约阅读时间需要 7 分钟。

来之知乎:林建入,

Javascript作为一种“优良”的程序语言有很多特性,比如 == 和 ===

1 结论

结论:所有判断都用=== 而不用 == ,除了判断 x == null,因为即将 x == null 是 x === null || x === undefined 的缩写。

2 ===

被称为 Strict Equals Operator,假设有表达式 a === b,则它的实际运算过程如下

1 计算出表达式 a 的结果,并存入 lref 变量
2 将 GetValue(lref) 的结果存入 lval 变量
3 计算出表达式 b 的结果,并存入 rref 变量
4 将 GetValue(rref) 的结果存入 rval 变量
执行 Strict Equality Comparison 算法判断 rval === lval 并将结果直接返回
这里的 Strict Equality Comparison 算法很关键,假设要计算的是 x === y,则过程如下
1 如果 Type(x) 和 Type(y) 不同,返回 false
2 如果 Type(x) 为 Undefined,返回 true
3 如果 Type(x) 为 Null,返回 true
4 如果 Type(x) 为 Number,则进入下面的判断逻辑
4-1 如果 x 为 NaN,返回 false
4-2 如果 y 为 NaN,返回 false
4-3 如果 x 的数字值和 y 相等,返回 true
4-4 如果 x 是 +0 且 y 是 -0,返回 true
4-5 如果 x 是 -0 且 y 是 +0,返回 ture
4-6 返回 false
5 如果 Type(x) 为 String,则当且仅当 x 与 y 的字符序列完全相同(长度相等,每个位置上的字符相同)时返回 true,否则返回 false
6 如果 Type(x) 为 Boolean,则若 x 与 y 同为 true 或同为 false 时返回 true,否则返回 false
7 如果 x 和 y 引用的是同一个对象,返回 true,否则返回 false

3 ==

假设要计算的是 x == y,Abstract Equality Comparison 计算的过程如下(很冗长,但是每个步骤都很简单)

1 如果 Type(x) 和 Type(y) 相同,则
1.1 如果 Type(x) 为 Undefined,返回 true
1.2 如果 Type(x) 为 Null,返回 true
1.3 如果 Type(x) 为 Number,则
1.3.1 如果 x 是 NaN,返回 false
1.3.2 如果 y 是 NaN,返回 false
1.3.3 如果 x 的数值与 y 相同,返回 true
1.3.4 如果 x 是 +0 且 y 是 -0,返回 true
1.3.5 如果 x 是 -0 且 y 是 +0,返回 true
1.3.6 返回 false
1.4 如果 Type(x) 为 String,则当且仅当 x 与 y 的字符序列完全相同(长度相等,每个位置上的字符相同)时返回 true,否则返回 false
1.5 如果 Type(x) 为 Boolean,则若 x 与 y 同为 true 或同为 false 时返回 true,否则返回 false
1.6 如果 x 和 y 引用的是同一个对象,返回 true,否则返回 false
2 如果 x 是 null 且 y 是 undefined,返回 true
3 如果 x 是 undefined 且 y 是 null,返回 ture
4 如果 Type(x) 为 Number 且 Type(y) 为 String,以 x == ToNumber(y) 的比较结果作为返回
5 如果 Type(x) 为 String 且 Type(y) 为 Number,以 ToNumber(x) == y 的比较结果作为返回值
6 如果 Type(x) 为 Boolean,以 ToNumber(x) == y 的比较结果作为返回值
7 如果 Type(y) 为 Boolean,以 x == ToNumber(y) 的比较结果作为返回值
8 如果 Type(x) 为 String 或 Number 且 Type(y) 为 Object,以 x == ToPrimitive(y) 的比较结果作为返回值
9 如果 Type(x) 为 Object 且 Type(y) 为 String 或 Number,以 ToPrimitive(x) == y 的比较结果作为返回值10. 返回 false

4 总结

从上面的算法流程可以看出,a === b 是最简单的。如果 a 和 b 的类型不同,那么一定会返回 false。而 a == b 则要灵活得多。JavaScript 会尝试调整 a 和 b 的类型,例如若 a 为字符串 b 为数字,则将字符串先转化为数字再与 b 比较,等等。

除了判断 x == null,因为即将 x == null 是 x === null || x === undefined 的缩写。

转载地址:http://xhynx.baihongyu.com/

你可能感兴趣的文章
监听 vue option 选择的坑
查看>>
小程序疯狂踩坑记录 QAQ
查看>>
Manager进程之间共享数据
查看>>
二进制数组的操作
查看>>
sap.ui.require in SAP UI5 and require in nodejs
查看>>
解决github访问或下载慢的问题
查看>>
关于工作中常用到的ES6语法
查看>>
SPA路由机制详解(看不懂不要钱~~)
查看>>
Python多版本情况下四种快速进入交互式命令行的操作技巧
查看>>
TypeScript 导入 JSON Module
查看>>
angular路由高亮--长明灯RouterLinkActive
查看>>
Toapi - 再也不愁没有数据!
查看>>
Vitalik深度参与,被给予厚望的Plasma究竟怎么样了?
查看>>
python 人工智能资源推荐
查看>>
js技巧:十几行的代码实现vue.watch
查看>>
3 - 创建 Django 博客的数据库模型
查看>>
单行多行文本省略?
查看>>
如何避免 GitHub 那样断网 43 秒瘫痪 24 个小时?
查看>>
谈谈 js 深浅拷贝 那点事(二)
查看>>
[Hot] Vue-cli 引入VueAwesomeSwiper
查看>>