a 可以同时 == 1 && == 2 && == 3 吗?

此题目的答案可以分为三大类:

1. 类型转换时的劫持

首先我们要知道,在 JS 中类型转换只有三种情况,分别是:

  • 转换为布尔值

  • 转换为数字

  • 转换为字符串

转换为原始类型

对象在转换类型的时候,会执行原生方法 ToPrimitive

其算法如下:

  1. 如果已经是 原始类型,则返回当前值;

  2. 如果需要转 字符串 则先调用 toSting方法,如果此时是 原始类型 则直接返回,否则再调用 valueOf方法并返回结果;

  3. 如果不是 字符串,则先调用 valueOf方法,如果此时是 原始类型 则直接返回,否则再调用 toString方法并返回结果;

  4. 如果都没有 原始类型 返回,则抛出 TypeError类型错误。

所以:

var a = {
  arr: [3, 2, 1],
  valueOf() {
    console.group('valueOf')
    console.log(this.arr)
    console.groupEnd('valueOf')
    return this.arr.pop()
  }
}
if (a == 1 && a == 2 && a == 3) {
  console.log('biu')
}

2. 对 getter的劫持

所谓的 getter就是对象属性在进行查询时会被调用的方法 get,利用此函数也可以实现题目功能。

代码如下:

const e = new Proxy({}, {
  val: 1,
  get() {
    return () => this.val++
  }
})
if (e == 1 && e == 2 && e == 3) {
  console.log('biu')
}

3. 正则表达式

JS中的 RegExp.prototype.exec()作用是在一个指定字符串中执行一个搜索匹配,返回一个结果数组或 null

当正则表达式使用 “g” 标志时,可以多次执行 exec方法来查找同一个字符串中的成功匹配。当你这样做时,查找将从正则表达式的 lastIndex属性指定的位置开始。( test()也会更新 lastIndex属性)。

lastIndex是正则表达式的一个可读可写的整型属性,用来指定下一次匹配的起始索引。只有正则表达式使用了表示全局检索的 “g” 标志时,该属性才会起作用。

注:只有正则表达式使用了表示全局检索的 " g" 标志时,该属性才会起作用。

综上所述,我们可以有方案如下:

var f = {
  reg: /\d/g,
  valueOf() {
    return this.reg.exec(123)[0]
  }
}
if (f == 1 && f == 2 && f == 3) {
  console.log('biu')
}

不知道聪明的你是否还有别的解法呢?

你可能感兴趣的:(JavaScript,前端)