为什么分配给对象 __proto__ 不起作用？ [复制]

Question

案例 1 :- 最初在对象文字中，我将 __proto__ 分配给 null，然后我尝试将其重新分配给 animal，但这是行不通的。

'use strict'
let animal = {
    eats: true,
    walk(){
        console.log('Animal Walk');
    }
}

let rabbit = {
    jumps: true,
    __proto__: null
}

rabbit.__proto__ = animal
console.log(Object.getPrototypeOf(rabbit))
rabbit.walk()

案例 2：- 现在我在对象字面量中将 __proto__ 分配为 animal，然后我尝试将其重新分配给 null，在这种情况下它会将 __proto__ 更改为 null。

'use strict'
let animal = {
    eats: true,
    walk(){
        console.log('Animal Walk');
    }
}

let rabbit = {
    jumps: true,
    __proto__: animal
}

rabbit.__proto__ = null
console.log(Object.getPrototypeOf(rabbit))
rabbit.walk()

案例 3：- 当我使用 Object.setPrototypeOf() 时，它工作正常

'use strict'
let animal = {
    eats: true,
    walk(){
        console.log('Animal Walk');
    }
}

let rabbit = {
    jumps: true,
    __proto__: null
}

Object.setPrototypeOf(rabbit, animal)
console.log(Object.getPrototypeOf(rabbit))
rabbit.walk()

为什么分配在第一种情况下不起作用？

Answer 1

好的，这有点棘手。 :-) 您的代码使用了两种不同的 __proto__ 含义：

1. __proto__ token in object literals可以指定对象的初始原型，以及
2. __proto__ accessor property（在创建对象后获取/设置它时）

rabbit.__proto__ = animal 没有改变rabbit 的原型的原因是__proto__ 是Object.prototype 定义的访问器属性。由于您在没有任何原型的情况下创建rabbit（通过在对象文字中使用__proto__: null），rabbit 不会继承该访问器，因此rabbit.__proto__ = animal 只是在rabbit 上创建一个名为__proto__ 的属性，而不是更改它的原型。

__proto__ 的这两个含义都是旧版的仅限 Web（附件 B）兼容性的东西。使用Object.create（创建具有特定原型的对象）、Object.getPrototypeOf 和（如果无法避免更改对象的原型）Object.setPrototypeOf。浏览器之外的 JavaScript 引擎不需要实现像 __proto__ 这样的附件 B 功能（尽管根据我的经验，引擎不会在浏览器之外禁用大部分功能）。

Answer 2

我认为，因为__proto__ 只能在构造函数属性中设置。你不能设置它。 setter 不能在constructor 之外工作。但是，setPrototypeOf 是一个扩展的 util 函数，用于创建原型属性。 这里setPrototypeOf set proto(override) 如果可用，否则它使用原型创建新类。

来自developer.mozilla.org

if (!Object.setPrototypeOf) {
    // Only works in Chrome and FireFox, does not work in IE:
     Object.prototype.setPrototypeOf = function(obj, proto) {
         if(obj.__proto__) {
             obj.__proto__ = proto;
             return obj;
         } else {
             // If you want to return prototype of Object.create(null):
             var Fn = function() {
                 for (var key in obj) {
                     Object.defineProperty(this, key, {
                         value: obj[key],
                     });
                 }
             };
             Fn.prototype = proto;
             return new Fn();
         }
     }
}