在 ES9 中使用 __proto__ 时遇到的错误和解决方法

在 JavaScript 中，每个对象都有一个原型（prototype）属性，它指向该对象的原型对象。在 ES6 之前，我们可以使用 Object.getPrototypeOf() 方法获取一个对象的原型。而在 ES6 中，我们可以使用 Object.setPrototypeOf() 方法设置一个对象的原型。

除此之外，JavaScript 还有一个特殊的属性 __proto__，它可以直接访问和修改一个对象的原型。但是在 ES9 中，使用 __proto__ 时可能会遇到一些错误，下面我们就来详细介绍这些错误和解决方法。

错误 1：proto 不是标准属性

在 ES6 中，__proto__ 被正式纳入到了 ECMAScript 标准中，成为了一种标准属性。但是在 ES9 中，__proto__ 又被重新定义为了一个内部属性，不再是标准属性。这就意味着，我们不能再像以前那样直接使用 __proto__ 来访问和修改对象的原型了。

const obj = {};
obj.__proto__ = { a: 1 }; // Uncaught TypeError: Cannot set property '__proto__' of #<Object> which has only a getter
console.log(obj.__proto__); // Uncaught TypeError: obj.__proto__ is not a function

上面的代码中，我们尝试使用 __proto__ 来设置一个对象的原型，并且使用 __proto__ 来获取该对象的原型。但是都会抛出错误，原因是 __proto__ 不再是标准属性。

解决方法：使用 Object.setPrototypeOf() 和 Object.getPrototypeOf()

在 ES9 中，我们可以使用 Object.setPrototypeOf() 方法来设置一个对象的原型，使用 Object.getPrototypeOf() 方法来获取一个对象的原型。这两个方法都是标准方法，可以替代 __proto__。

const obj = {};
const proto = { a: 1 };
Object.setPrototypeOf(obj, proto);
console.log(Object.getPrototypeOf(obj)); // {a: 1}

上面的代码中，我们使用 Object.setPrototypeOf() 方法设置了一个对象的原型，并使用 Object.getPrototypeOf() 方法获取该对象的原型。这两个方法都可以替代 __proto__，并且不会抛出错误。

错误 2：proto 的值必须是对象或 null

在 ES6 中，我们可以将 __proto__ 的值设置为任意类型，包括数字、字符串、布尔值等。但是在 ES9 中，__proto__ 的值必须是对象或 null，否则会抛出错误。

const obj = {};
obj.__proto__ = 1; // Uncaught TypeError: Object prototype may only be an Object or null: 1
console.log(obj.__proto__); // Uncaught TypeError: obj.__proto__ is not a function

上面的代码中，我们尝试将 __proto__ 的值设置为数字 1，但是会抛出错误。同时，使用 __proto__ 访问对象的原型也会抛出错误。

解决方法：使用 Object.setPrototypeOf() 和 Object.getPrototypeOf()

在 ES9 中，我们不能将 __proto__ 的值设置为非对象类型。如果需要设置一个对象的原型，可以使用 Object.setPrototypeOf() 方法，如果需要获取一个对象的原型，可以使用 Object.getPrototypeOf() 方法。

const obj = {};
const proto = { a: 1 };
Object.setPrototypeOf(obj, proto);
console.log(Object.getPrototypeOf(obj)); // {a: 1}

上面的代码中，我们使用 Object.setPrototypeOf() 方法设置了一个对象的原型，并使用 Object.getPrototypeOf() 方法获取该对象的原型。这两个方法都可以替代 __proto__，并且不会抛出错误。

结论

在 ES9 中，__proto__ 不再是标准属性，使用 __proto__ 可能会遇到一些错误。我们可以使用 Object.setPrototypeOf() 和 Object.getPrototypeOf() 方法来替代 __proto__。同时，我们也需要注意，__proto__ 的值必须是对象或 null，不能是非对象类型。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6762268d856ee0c1d4fdc81d