如何查看 Javascript 对象的原型链？

Question

给出以下代码：

function a() {}
function b() {}
b.prototype = new a();
var b1 = new b();

我们可以保持 a 已添加到 b 的原型链中。伟大的。而且，以下所有内容都是正确的：

b1 instanceof b
b1 instanceof a
b1 instanceof Object

我的问题是，如果我们提前不知道 b1 的起源怎么办？如何发现其原型链的成员？理想情况下，我想要一个像 [b, a, Object] 或 ["b", "a", "Object"] 这样的数组。

这可能吗？我相信我已经在某处看到了一个答案，它描述了如何找出这个问题，但我一生都无法再次找到它。

Answer 1

嗯，对象之间的原型链接 ([[Prototype]]) 是内部的，一些实现（例如 Mozilla）将其公开为 obj.__proto__。

Object.getPrototypeOf 方法ECMAScript 第 5 版正是您所需要的，但目前大多数 JavaScript 引擎尚未实现它。

看看 John Resig 的实现，它有一个陷阱，它依赖于 不支持 __proto__ 的引擎的 constructor 属性：

if ( typeof Object.getPrototypeOf !== "function" ) {
  if ( typeof "test".__proto__ === "object" ) {
    Object.getPrototypeOf = function(object){
      return object.__proto__;
    };
  } else {
    Object.getPrototypeOf = function(object){
      // May break if the constructor has been tampered with
      return object.constructor.prototype;
    };
  }
}

请记住，这不是 100% 可靠，因为 constructor 属性在任何对象上都是可变的。

Answer 2

编辑 - 这个答案是 2010 年的，而且已经过时了。从那时起，该语言添加了 Object.getPrototypeOf() API，这极大地简化了该过程。

---

您可以使用对象的“构造函数”属性来查找那里的原型，然后沿着它链接，直到到达彩虹的尽头。

function getPrototypes(o) {
  return (function gp(o, protos) {
    var c = o.constructor;
    if (c.prototype) {
      protos.push(c.prototype);
      return gp(c.prototype, protos);
    }
    return protos;
  })(o, []);
}

（也许）（或者也许不是:-)给我一点时间）（好吧废话；我认为这是可能的，但忽略该代码）

[编辑]哇这完全让我大吃一惊 - 该功能很接近但不太正确；建立一系列原型很奇怪，我感到害怕和孤独。我建议只关注上面很棒的@CMS。

Answer 3

另一种获取原型链的方式：

function getPrototypeChain(obj) {
  let prototypeChain = [];
  (function innerRecursiveFunction(obj) {
    let currentPrototype = (obj != null) ? Object.getPrototypeOf(obj) : null;
    prototypeChain.push(currentPrototype);
    if (currentPrototype != null) {
      innerRecursiveFunction(currentPrototype);
    }
  })(obj);
  return prototypeChain;
}

Answer 4

这是一个没有递归函数调用的简单方法

function getProtoChain(o) {
    const ans = []
    let t = o
    while (t) {
        t = t.__proto__
        ans.push(t)
    }
    return ans
}

这是一个使用此函数的示例

class A {}
class B extends A {}
class C extends B {}

console.log(getProtoChain(new C())) // [C: {}, B: {}, A: {}, {}, null]