这怎么可能是真的？？？ obj2.__proto__.isPrototypeOf(obj2) //true

Question

考虑一下这个短代码：

let obj1 = {
  name: "obj1",
}

const obj2 = Object.create(obj1);
obj2.name = "obj2"

如果您使用 console.log(obj2)，它会在 Google Chrome 中显示这个（版本 79.0.3945.88（官方构建）（64 位））：

{name: "obj2"}
    name: "obj2"
    __proto__:
        name: "obj1"
        __proto__:
            constructor: ƒ Object()

或者，您最好查看此控制台屏幕截图：

从谷歌浏览器的显示来看，很明显obj2的第一个proto就是obj1。这也是合乎逻辑的。那怎么会是真的：

obj2.__proto__.isPrototypeOf(obj2) // true

还有，这是怎么回事：

obj2.__proto__.__proto__.isPrototypeOf(obj1) // true

还有一件事。如果 JS 中的普通对象，没有原型属性（但内部原型槽是不可访问的），为什么 .isPrototypeOf(obj2) 不是未定义的？因为如果你做 obj2.prototype 这就是你会得到的。

我用谷歌搜索了这个，但无济于事。

Answer 1

当你这样做时

let obj1 = {
  name: "obj1",
}

const obj2 = Object.create(obj1);

您正在使用以下原型链创建obj2：

Object.prototype -> obj1 -> obj2

（Object.protoype 和obj1 都在obj2 的内部原型链中）

当您引用对象的__proto__ 属性时，这将指向当前对象的内部原型。因此，例如，obj2.__proto__ 是 obj1。

（虽然.__proto__ 已弃用，但它不是不可访问）

所以

obj2.__proto__.isPrototypeOf(obj2) // true

等价于

obj1.isPrototypeOf(obj2) // true

而obj1 是确实在obj2 的内部原型链中，因此它的计算结果为true。

同样，对于

obj2.__proto__.__proto__.isPrototypeOf(obj1) // true

这是

obj2.__proto__.__proto__.isPrototypeOf(obj1) // true
          obj1.__proto__.isPrototypeOf(obj1) // true          
        Object.prototype.isPrototypeOf(obj1) // true

这也是有道理的 - Object.prototype 确实在 obj1 的原型链中。

最好使用非弃用版本Object.getPrototypeOf 而不是__proto__，他们做同样的事情：

let obj1 = {
  name: "obj1",
};
const obj2 = Object.create(obj1);

console.log(obj2.__proto__ === obj1);
console.log(Object.getPrototypeOf(obj2) === obj1);