这是第 148 篇不掺水的原创，想获取更多原创好文，请搜索公众号关注我们吧~ 本文首发于政采云前端博客：如何让 x == 1 && x == 2 && x == 3 等式成立
如何让 x == 1 && x == 2 && x == 3 等式成立
某次面试，面试官突然问道：“如何让 x 等于 1 且让 x 等于 2 且让 x 等于 3 的等式成立？”
话音刚落，笔者立马失去意识，双眼一黑，两腿一蹬，心里暗骂：什么玩意儿！
虽然当时没回答上来，但觉得这题非常有意思，便在这为大家分享下后续的解题思路：
宽松相等 == 和严格相等 === 都能用来判断两个值是否“相等”，首先，我们要明确上文提到的等于指的是哪一种，我们先看下二者的区别：
(1) 对于基础类型之间的比较，== 和 === 是有区别的：
(1.1) 不同类型间比较，== 比较“转化成同一类型后的值”看“值”是否相等，=== 如果类型不同，其结果就是不等
(1.2) 同类型比较，直接进行“值”比较，两者结果一样
(2) 对于引用类型之间的比较，== 和 === 是没有区别的，都进行“指针地址”比较
(3) 基础类型与引用类型之间的比较，== 和 === 是有区别的：
(3.1) 对于 ==，将引用类型转化为基础类型，进行“值”比较
(3.2) 因为类型不同，=== 结果为 false
“== 允许在相等比较中进行强制类型转换，而 === 不允许。”
由此可见，上文提到的等于指的宽松相等 ==，题目变为 “x == 1 && x == 2 && x == 3”。
那多种数据类型之间的相等比较又有哪些呢？笔者查阅了相关资料，如下所示：
同类型数据之间的相等比较
如果 Type(x) 等于 Type(y) ES5 规范 11.9.3.1 这样定义：
-
如果
Type(x)是Undefined，返回true。 -
如果
Type(x)是Null，返回true。 -
如果
Type(x)是Number，则- 如果
x是NaN，返回false。 - 如果
y是NaN，返回false。 - 如果
x与y的数字值相同，返回true。 - 如果
x为+0，y为-0，返回true。 - 如果
x为-0，y为+0，返回true。
- 如果
-
如果
Type(x)是String，则如果x和y是字符的序列完全相同（相同的长度和相同位置相同的字符），则返回true。否则，返回false。 -
如果
Type(x)是Boolean，则如果x和y都为true或都为false，则返回true。否则，返回false。 -
如果
x和y指向同一对象，则返回true。否则，返回false。
null 和 undefined 之间的相等比较
null 和 undefined 之间的 == 也涉及隐式强制类型转换。ES5 规范 11.9.3.2-3 这样定义：
- 如果
x为null，y为undefined，则结果为true。 - 如果
x为undefined，y为null，则结果为true。
在 == 中，null 和 undefined 相等（它们也与其自身相等），除此之外其他值都不和它们两个相等。
这也就是说， 在 == 中null 和 undefined 是一回事。
var a = null;
var b;
a == b; // true
a == null; // true
b == null; // true
a == false; // false
b == false; // false
a == ""; // false
b == ""; // false
a == 0; // false
b == 0; // false
字符串和数字之间的相等比较
ES5 规范 11.9.3.4-5 这样定义：
- 如果
Type(x)是数字，Type(y)是字符串，则返回x==ToNumber(y)的结果。 - 如果
Type(x)是字符串，Type(y)是数字，则返回ToNumber(x)==y的结果。
var a = 42;
var b = "42";
a === b; // false
a == b; // true
因为没有强制类型转换，所以 a === b 为 false，42 和 "42" 不相等。
根据规范，"42" 应该被强制类型转换为数字以便进行相等比较。
其他类型和布尔类型之间的相等比较
ES5 规范 11.9.3.6-7 这样定义：
- 如果
Type(x)是布尔类型，则返回ToNumber(x)==y的结果； - 如果
Type(y)是布尔类型，则返回x==ToNumber(y)的结果。
仔细分析例子，首先：
var x = true;
var y = "42";
x == y; // false
Type(x) 是布尔值，所以 ToNumber(x) 将 true 强制类型转换为 1，变成 1 == "42"，二者的类型仍然不同，"42" 根据规则被强制类型转换为 42，最后变成 1 == 42，结果为 false。
对象和非对象之间的相等比较
关于对象（对象 / 函数 / 数组）和标量基本类型（字符串 / 数字 / 布尔值）之间的相等比较，ES5 规范 11.9.3.8-9 做如下规定：
- 如果
Type(x)是字符串或数字，Type(y)是对象，则返回x==ToPrimitive(y)的结果； - 如果
Type(x)是对象，Type(y)是字符串或数字，则返回ToPromitive(x)==y的结果。
什么是 toPrimitive() 函数？
**应用场景：**在 JavaScript 中，如果想要将对象转换成基本类型时，再从基本类型转换为对应的 String 或者 Number，实质就是调用 valueOf 和 toString 方法，也就是所谓的拆箱转换。
**函数结构：**toPrimitive(input, preferedType?)
参数解释：
input 是输入的值，即要转换的对象，必选；
preferedType 是期望转换的基本类型，他可以是字符串，也可以是数字。选填，默认为 number；
执行过程：
如果转换的类型是 number，会执行以下步骤：
- 如果
input是原始值，直接返回这个值； - 否则，如果
input是对象，调用input.valueOf()，如果结果是原始值，返回结果； - 否则，调用
input.toString()。如果结果是原始值，返回结果； - 否则，抛出错误。
如果转换的类型是 string，2和3会交换执行，即先执行 toString() 方法。
valueOf 和 toString 的优先级：
- 进行对象转换时
(alert(对象))，优先调用toString方法，如没有重写toString将调用valueOf方法，如果两方法都不没有重写，但按Object的toString输出。 - 进行强转字符串类型时将优先调用
toString方法，强转为数字时优先调用valueOf。 - 在有运算操作符的情况下，
valueOf的优先级高于toString。
由此可知，若 x 为对象时，我们改写 x 的 valueOf 或 toString 方法可以让标题的等式成立：
const x = {
val: 0,
valueOf: () => {
x.val++
return x.val
},
}
或者：
const x = {
val: 0,
toString: () => {
x.val++
return x.val
},
}
给对象 x 设置一个属性 val 并赋值为 0，并修改其 valueOf、toString 方法，在 “x == 1 && x == 2 && x == 3”判断执行时，每次等式比较都会触发 valueOf、toString 方法，都会执行 val++ ，同时把最新的 val 值用于等式比较，三次等式判断时 val 值分别为 1、2、3 与等式右侧的 1、2、3 相同，从而使等式成立。
看下运行结果，果不其然，真想给自己点个赞。 当然，让标题的等式成立的方法肯定不止这一种，留言区期待你的回复~
参考文档：
-
《你不知道的JavaScript（中卷》
推荐阅读
开源作品
- 政采云前端小报
开源地址 www.zoo.team/openweekly/ (小报官网首页有微信交流群)
- 商品选择 sku 插件
招贤纳士
政采云前端团队（ZooTeam），一个年轻富有激情和创造力的前端团队，隶属于政采云产品研发部，Base 在风景如画的杭州。团队现有 60 余个前端小伙伴，平均年龄 27 岁，近 4 成是全栈工程师，妥妥的青年风暴团。成员构成既有来自于阿里、网易的“老”兵，也有浙大、中科大、杭电等校的应届新人。团队在日常的业务对接之外，还在物料体系、工程平台、搭建平台、性能体验、云端应用、数据分析及可视化等方向进行技术探索和实战，推动并落地了一系列的内部技术产品，持续探索前端技术体系的新边界。
如果你想改变一直被事折腾，希望开始能折腾事；如果你想改变一直被告诫需要多些想法，却无从破局；如果你想改变你有能力去做成那个结果，却不需要你；如果你想改变你想做成的事需要一个团队去支撑，但没你带人的位置；如果你想改变既定的节奏，将会是“5 年工作时间 3 年工作经验”；如果你想改变本来悟性不错，但总是有那一层窗户纸的模糊… 如果你相信相信的力量，相信平凡人能成就非凡事，相信能遇到更好的自己。如果你希望参与到随着业务腾飞的过程，亲手推动一个有着深入的业务理解、完善的技术体系、技术创造价值、影响力外溢的前端团队的成长历程，我觉得我们该聊聊。任何时间，等着你写点什么，发给 [email protected]