如果你曾经遇到过这样的面试问题（或者注意到代码中的一些同样意外的行为），想想什么样的事情可能会导致乍一看不可能的行为：

编码：在这种情况下，您正在查看的变量不是您认为的变量。如果您故意使用Unicode，使用同形符或空格字符使变量的名称看起来像另一个变量，则可能会发生这种情况，但也可能会意外地引入编码问题，例如，当从Web复制和粘贴包含意外Unicode码点的代码时（例如，因为内容管理系统进行了一些“自动格式化”，例如将fl替换为Unicode“LATIN小LIGATURE fl”（U+FB02））。竞争条件：可能会出现竞争条件，即代码未按开发人员预期的顺序执行的情况。竞争条件通常发生在多线程代码中，但多线程不是竞争条件的必要条件——异步就足够了（不要混淆，异步并不意味着在后台使用多个线程）。请注意，因此JavaScript也不能因为是单线程而不受竞争条件的限制。请参阅此处了解一个简单的单线程但异步的示例。然而，在单个语句的上下文中，在JavaScript中很难达到竞争条件。JavaScript与web工作者有点不同，因为您可以有多个线程@mehulmpt向我们展示了一个使用web工作者的概念证明。副作用：相等比较操作的副作用（不必像这里的示例那样明显，通常副作用非常微妙）。

这类问题可能出现在许多编程语言中，不仅仅是JavaScript，因此我们在这里没有看到经典的JavaScript WTF 1。

当然，面试问题和这里的样本看起来都很做作。但它们很好地提醒我们：

副作用会变得非常严重，一个精心设计的程序应该没有不必要的副作用。多线程和可变状态可能会有问题。不正确进行字符编码和字符串处理可能会导致严重的错误。

1例如，您可以在这里找到一个完全不同的编程语言（C#）中的示例，显示出副作用（一个明显的副作用）。

使用代理：

var a = new Proxy({ i: 0 }, {
    get: (target, name) => name === Symbol.toPrimitive ? () => ++target.i : target[name],
});
console.log(a == 1 && a == 2 && a == 3);

代理基本上假装是目标对象（第一个参数），但拦截目标对象上的操作（在本例中是“获取属性”操作），以便有机会执行默认对象行为以外的其他操作。在这种情况下，对when==强制其类型调用“get property”操作，以便将其与每个数字进行比较。发生这种情况：

我们创建一个目标对象｛i:0｝，其中i属性是我们的计数器我们为目标对象创建代理，并将其分配给对于每个a==比较，a的类型都被强制为基元值这种类型强制导致在内部调用[Symbol.toPrimitive]（）Proxy使用“get handler”拦截获取[Symbol.toPrimitive]函数代理的“获取处理程序”检查正在获取的属性是否为Symbol.toPrimitive，在这种情况下，它会递增，然后从目标对象返回计数器：++target.i。如果正在检索不同的属性，我们只需返回默认属性值target[name]

So:

var a = ...; // a.valueOf == target.i == 0
a == 1 && // a == ++target.i == 1
a == 2 && // a == ++target.i == 2
a == 3    // a == ++target.i == 3

与大多数其他答案一样，这只适用于松散的等式检查（==），因为严格的等式检查不执行代理可以拦截的类型强制。

这是可能的！

变量i=0；具有({获取a（）{返回++i；}}) {如果（a==1&&a==2&&a==3）console.log（“wohoo”）；}

这在with语句中使用getter，让一个求值为三个不同的值。

…这仍然不意味着这应该在实际代码中使用。。。

更糟糕的是，使用==也可以使用此技巧。

变量i=0；具有({获取a（）{返回++i；}}) {如果（a！==a）console.log（“是的，这是打印的。”）；}

面试规则一；永远不要说不可能。

不需要隐藏角色的诡计。

窗口__定义Getter__（'a'，函数（）{if（类型i！=='number'）{//在全局命名空间中定义i，以便在运行此函数后不会丢失i＝0；}返回++i；});如果（a==1&&a==2&&a==3）{console.log（“哦，亲爱的，我们做了什么？”）；}

使用符号的ECMAScript 6答案：

const a = {value: 1};
a[Symbol.toPrimitive] = function() { return this.value++ };
console.log((a == 1 && a == 2 && a == 3));

由于==的用法，JavaScript应该强制a接近第二个操作数（本例中为1、2、3）。但是，在JavaScript尝试自己计算强制之前，它会尝试调用Symbol.toPrimitive。如果您提供Symbol.toPrimitive，JavaScript将使用函数返回的值。如果没有，JavaScript将调用valueOf。

没有getters或valueOf的示例：

a=[1,2,3]；a.join=a.shift；console.log（a==1&&a==2&&a==3）；

这之所以有效，是因为==调用toString，它为数组调用.join。

另一种解决方案，使用Symbol.toPrimitive，它是ES6等价于String/valueOf：

设i=0；让a={[Symbol.toPrimitive]：（）=>++i}；console.log（a==1&&a==2&&a==3）；