面试官： (a==1 && a==2 && a==3) 能否在 JavaScript 中为“真”？

2023-02-28

amp log 解决方案

最近，我被问到一个非常有趣的面试问题：Can(a==1&&a==2&&a==3)everevaluatetotrueinJavaScript?。我几乎失去了工作机会，因为我无法回答。那一刻，我被这个问题吓了一跳，以为面试官在开玩笑。但当我看到他的“微笑”时，一种“你一

最近，我被问到一个非常有趣的面试问题：Can (a== 1 && a==2 && a==3) ever evaluate to true in JavaScript?。我几乎失去了工作机会，因为我无法回答。

那一刻，我被这个问题吓了一跳，以为面试官在开玩笑。

但当我看到他的“微笑”时，一种“你一定不知道答案”的感觉掠过我的脑海，这绝对不是一个容易解决的问题。

文章将给出6个专业答案，让我们马上开始吧。

解决方案一：valueOf && toString

第一个解决方案非常简单，相信你在阅读此代码后会有一个想法。

let a = {
  name: 'fatfish',
  toString () {
    return 'medium'  
  }  
}


if (a == 'medium') {
  console.log('hello medium')  
}1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

太神奇了，这是怎么回事？别担心，我的朋友，我会尽力解释原因。

解释部分隐式转换规则

在 JavaScript 中使用 == 比较两个值时，会执行以下操作：

将两个比较的值转换为相同的类型。
转换后（等式的一侧或两侧可以转换），比较值。

比较规则如下表所示：

从表中可以得到一些信息。为了使 (a == 1)，a 只能是以下几种情况：

a 的类型是 String，可以转换为数字 1（'1' == 1 => true）。
a 的类型是布尔值，可以转换为数字 1 (true == 1 => true)。
a的类型是Object，可以通过“转换机制”转换为数字1。

对象到原始类型的“转换机制”

规则 1 和规则 2 没有什么特别之处，我们来看看规则 3：

当对象转换为原始类型时，会调用内置的 [ToPrimitive] 函数。

逻辑大致如下：

如果有 Symbol.toPrimitive 方法，则先调用。
调用valueOf，如果可以转成原来的类型，则返回。
调用toString，如果能转换成原来的类型，则返回。
如果没有返回原始类型，则会报错。

const obj = {
  value: 1,
  valueOf() {
    return 2
  },
  toString() {
    return '3'
  },
  [Symbol.toPrimitive]() {
    return 4
  }
}
obj == 41.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

我的朋友，感谢你非常耐心地阅读了这么长时间，我相信你心中已经有了答案。

let a = {
  i: 1,
  valueOf() {
    return this.i++
  }
}
if (a == 1 && a == 2 && a == 3) {
  console.log('hello medium') 
}1.
2.
3.
4.
5.
6.
7.
8.
9.

解决方案 2：数组 && 连接

数组对象的隐式转换也符合规则 3，但会在“toString”之前调用“join”方法。所以你可以从这里开始。

let a = [1, 2, 3]


a.join = a.shift


if (a == 1 && a == 2 && a == 3) {
  console.log('hello medium') 
}1.
2.
3.
4.
5.
6.
7.
8.
9.

解决方案 3：使用“with”运算符

MDN 有一个关于 with 使用的警告，好像它的存在是一个错误。我在工作中从未使用过它，但它可以用来解决这个问题。

let i = 1
with ({
  get a() {
    return i++
  }
}) {
  if (a == 1 && a == 2 && a == 3) {
    console.log('hello medium') 
  }
}1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

你太聪明了，甚至不需要我解释代码的含义。

解决方案 4：Symbol.toPrimitive

我们可以使用隐式转换规则3来完成问题（看完答案你就知道为什么了！）。

const a = {
  i: 1,
  [Symbol.toPrimitive]() {
    return this.i++
  }
}
if (a == 1 && a == 2 && a == 3) {
  console.log('hello medium') 
}1.
2.
3.
4.
5.
6.
7.
8.
9.

数据劫持也是一种出路

通过隐式转换，我们做了3个答案让a == 1 && a == 2 && a == 3 返回true，你一定想到了另一个答案，数据劫持，伟大的Vue我们用它来赢得人心数百万开发者，我们也尝试用它来解决这个面试问题。

解决方案 5：Object.defineProperty

通过劫持‘window’对象，每次读取‘a’属性时，_a加1。

let _a = 1
Object.defineProperty(window, 'a', {
  get() {
    return _a++
  }
})
if (a == 1 && a == 2 && a == 3) {
  console.log('hello medium') 
}1.
2.
3.
4.
5.
6.
7.
8.
9.

解决方案 6：代理

还有另一种劫持数据的方式，Vue3 也用 Proxy 替换了 Object.defineProperty。

let a = new Proxy({ i: 1 }, {
  get(target) {
    return () => target.i++
  }
})
if (a == 1 && a == 2 && a == 3) {
  console.log('hello medium') 
}1.
2.
3.
4.
5.
6.
7.
8.