如何让 x == 1 && x == 2 && x == 3 等式成立
https://www.zoo.team/article/comparison-operation
某次面试,面试官突然问道:“如何让 x 等于 1 且让 x 等于 2 且让 x 等于 3 的等式成立?”
话音刚落,笔者立马失去意识,双眼一黑,两腿一蹬,心里暗骂:什么玩意儿!
虽然当时没回答上来,但觉得这题非常有意思,便在这为大家分享下后续的解题思路:
宽松相等 == 和严格相等 === 都能用来判断两个值是否“相等”,首先,我们要明确上文提到的等于指的是哪一种,我们先看下二者的区别:
(1) 对于基础类型之间的比较,== 和 === 是有区别的:
不同类型间比较,== 比较“转化成同一类型后的值”看“值”是否相等,=== 如果类型不同,其结果就是不等
同类型比较,直接进行“值”比较,两者结果一样。
(2) 对于引用类型之间的比较,== 和 === 是没有区别的,都进行“指针地址”比较。
(3) 基础类型与引用类型之间的比较,== 和 ===是有区别的:
因为类型不同,=== 结果为 false
对于 ==,将引用类型转化为基础类型,进行“值”比较。
“== 允许在相等比较中进行强制类型转换,而 === 不允许。”
由此可见,上文提到的等于指的宽松相等 ==,题目变为 “x == 1 && x == 2 && x == 3”。
那多种数据类型之间的相等比较又有哪些呢?笔者查阅了相关资料,如下所示:
如果 Type(x)
等于 Type(y)
ES5 规范 11.9.3.1 (https://262.ecma-international.org/5.1/#sec-11.9.3) 这样定义:
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
之间的 == 也涉及隐式强制类型转换。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
的结果。应用场景:在 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(中卷)》
《== 和 === 区别》(https://blog.csdn.net/yyychocolate/article/details/108089477) 作者:Bliss_妍
如果你觉得这篇内容对你挺有启发,我想邀请你帮我两件小事
1.点个「在看」,让更多人也能看到这篇内容(点了「在看」,bug -1 😊)
政采云前端团队(ZooTeam),一个年轻富有激情和创造力的前端团队,隶属于政采云产品研发部,Base 在风景如画的杭州。团队现有 60 余个前端小伙伴,平均年龄 27 岁,近 3 成是全栈工程师,妥妥的青年风暴团。成员构成既有来自于阿里、网易的“老”兵,也有浙大、中科大、杭电等校的应届新人。团队在日常的业务对接之外,还在物料体系、工程平台、搭建平台、性能体验、云端应用、数据分析及可视化等方向进行技术探索和实战,推动并落地了一系列的内部技术产品,持续探索前端技术体系的新边界。
如果你想改变一直被事折腾,希望开始能折腾事;如果你想改变一直被告诫需要多些想法,却无从破局;如果你想改变你有能力去做成那个结果,却不需要你;如果你想改变你想做成的事需要一个团队去支撑,但没你带人的位置;如果你想改变既定的节奏,将会是“5 年工作时间 3 年工作经验”;如果你想改变本来悟性不错,但总是有那一层窗户纸的模糊… 如果你相信相信的力量,相信平凡人能成就非凡事,相信能遇到更好的自己。如果你希望参与到随着业务腾飞的过程,亲手推动一个有着深入的业务理解、完善的技术体系、技术创造价值、影响力外溢的前端团队的成长历程,我觉得我们该聊聊。任何时间,等着你写点什么,发给 ZooTeam@cai-inc.com