即使 b 在 a 的原型链中，a instanceof b 返回 false

Question

又一个instanceof 问题。 我正在使用来自 antlr4 解析器的一些自动生成的代码。解析器工作正常，我将它与 ace 连接在一起，语法高亮工作，......到目前为止一切都很好。但是现在发生了一件非常奇怪的事情。我写了自己的parserTreeListener，但由于instanceof 调用返回错误结果而失败。

将问题分解为一个小程序是可行的。但就像魔术一样，即使使用相同的代码（解析器、词法分析器、侦听器......），一切都很好。

不足为奇，在 chrome devtools 中调试问题，显示对象 t 原型链 (__proto__) 确实是 TerminalNode 的一个实例，但调用 t instanceof TerminalNode 仍然返回 false。

不幸的是，我无法发布主项目的代码，它失败了（至少现在还没有）。也许有人知道为什么以及何时会出现此类问题。

一些可能的解释（尽管我怀疑）

• 脚本加载了两次，TerminalNode 不等于 proto 的 TerminalNode
• 与工作线程中加载的同一个库发生冲突

antlr4 中的这段代码失败了：

ParseTreeWalker.prototype.walk = function(listener, t) {
var errorNode = t instanceof ErrorNode ||
        (t.isErrorNode !== undefined && t.isErrorNode());
if (errorNode) {
    listener.visitErrorNode(t);
} else if (t instanceof TerminalNode) { /*here t fails on first TerminalNode*/
    listener.visitTerminal(t);
} else {
    this.enterRule(listener, t);
    for (var i = 0; i < t.getChildCount(); i++) {
        var child = t.getChild(i);
        this.walk(listener, child);
    }
    this.exitRule(listener, t);
}
};

---

一些调试信息

当我键入时，两个脚本在断点处返回相同的结果：

$ var obj = t; while(obj) console.log(obj = Object.getPrototypeOf(obj));
TerminalNode {}
ParseTree {}
SyntaxTree {}
Tree {}
Object {}
Object {}

Answer 1

a instanceof b 检查 a 是否继承自 b.prototype，而不是继承自 b。

如果要测试b本身是否出现在a的原型链中，可以使用

b.isPrototypeOf(a);

一些例子：

[] instanceof Array;                           // true
Array.isPrototypeOf([]);                       // false
Object.getPrototypeOf([]) === Array;           // false

[] instanceof Array.prototype;                 // TypeError
Array.prototype.isPrototypeOf([]);             // true
Object.getPrototypeOf([]) === Array.prototype; // true

Answer 2

即使我没有解释，这种奇怪的行为是如何发生的。双重包含的脚本是错误的根本原因。当我使用 Polymer 和 Webcomponents 时，多个组件包含相同的脚本。

通过将特定的<script ..>标签从组件中移到主文档中，这些问题不再发生。

也许还有人有线索，为什么会导致这样的错误？