ES9 中加入了一个新方法，称为 Object#__proto__，它可以让我们直接获取或设置对象的原型。在这篇文章中，我们将详细讨论如何使用 ES9 中的 Object#proto 属性以及它的学习和指导意义。
Object#proto 的语法
Object#proto 属性的语法非常简单，它是一个 getter 和 setter 的结合体，可以像下面这样使用：
----- --- - --- -------------- -- ------- ------------- - ------------- -- -------
获取对象的原型
我们可以使用 Object#proto 属性来获取任何一个对象的原型。在前端开发中，获取对象原型的一个常见的用法是查找对象的属性或方法时，如果对象本身没有这个属性或方法，我们可以在它的原型上查找。下面是一个示例：
----- ------ -
----------------- -
--------- - -----
-
------- -
---------------- ----------------
-
-
----- - - --- ---------------
---------- -- ---- ------
--------------- - ----
----- - - --- ---------------
------------------- -- ---在这个示例中，我们给 Person 类的原型对象（即 Person.prototype）添加了一个属性 xyz，并将其赋值为 123。然后我们通过 new 操作符创建了两个 Person 的实例 p 和 q。最后，我们尝试在 q 上访问 xyz 属性，由于 q 的原型与 p 的原型相同（即都是 Person.prototype），所以 q 也能访问这个属性。
需要注意的是，虽然 Object#proto 属性非常方便，但它并不是 ECMAScript 标准中的一部分，而是浏览器特有的实现。因此，虽然我们可以在正常的代码中使用它，但最好不要将它用于生产环境。（注：该段文字应该是过时的，Object#proto 已经被纳入 ECMAScript 标准中，可参考 ES6 的 Object.setPrototypeOf() 或 ES5 的 Object.create() 方法。）
设置对象的原型
Object#proto 属性不仅可以读取对象的原型，还可以修改对象的原型。在前端开发中，这个功能通常被用于继承。
下面是一个使用 Object#proto 属性手动实现继承的示例：
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- -
----------------- -
--------- - -----
-
-
----- - - --- --------------
---------- -- ------ ----------- ------- -- --- - ----------
----------- - --- ---------
---------- -- ------- ----- - -------在这个示例中，我们定义了两个类 Animal 和 Dog。Animal 类有一个 speak 方法，而 Dog 类没有。所以我们将 d 的原型对象设置为 new Animal()，这样 d 就可以继承 Animal 的属性和方法了。最后我们再次调用 d.speak() 方法，这次就不会报错了。
需要注意的是，手动设置原型可能会导致一些意想不到的行为，因此最好使用更成熟的继承方式（例如 ES6 中的 extends 关键字）。
总结
Object#proto 属性是一个非常强大的工具，它可以让我们轻松地获取和设置对象的原型。在前端开发中，我们通常可以用它来查找对象的属性和方法，或者手动实现继承。虽然 Object#proto 属性并不是 ECMAScript 标准中的一部分，但它已经被广泛使用，并且很可能被纳入标准中。
参考资料
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/647197cb968c7c53b0f774fb