Java脚本中__proto__与[[Prototype]]的区别

Difference between __proto__ and [[ Prototype ]] in javascript(Java脚本中__proto__与[[Prototype]]的区别)
本文介绍了Java脚本中__proto__与[[Prototype]]的区别的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我也读过并尝试理解其他类似这个问题的答案(like this one),但原型继承的概念对我来说仍然不是很清楚。现在最让我困惑的是,__proto__[[ Prototype ]]之间的实际区别是什么?据我所知,[[ Prototype ]]是一个将一个对象绑定到另一个对象的内部链接";。但当我在YouTube上看到一个教程时,它就变得模棱两可了,因为每当他们创建一个对象时,如果他们试图在他们的浏览器控制台中使用console.log记录它,那么它实际上有__proto__属性,但当我尝试做同样的事情时,它会输出[[ Prototype ]]。所以我想知道为什么会这样?什么是内部链接?提前感谢!:) 以下是在Firefox中以Chrome和";<;prototype>;";格式输出&[[Prototype]]&的代码。 数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

function User(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
}

const user = new User("Someone", "Something");

console.log(user);

推荐答案

每个对象的原型保存在名为[[prototype]]内部槽中,__proto__只是Object.prototype对象中定义的一个getter/setter,以获取任何对象的[[prototype]]内部槽的值。

示例:

const arr = [];
数组的每个实例都将Array.prototype作为其原型。因此,在上面的arr声明中,[[prototype]]内部槽包含对Array.prototype的引用,并且在以下表达式中:

arr.__proto__ === Array.prototype  // true

arr.__proto__从内部[[prototype]]槽获取Array.prototype对象。

如上所述,__proto__只是一个获取[[prototype]]内部插槽的值的getter/setter,它的存在只是出于兼容性原因。不应该在现代的Java代码中使用它;应该使用以下两个方法来设置/获取任何对象的原型:

  • Object.setPrototypeOf()

  • Object.getPrototypeOf()


除了[[prototype]]之外,ECMAST规范中还提到了其他内部插槽,并且我们编写的Java脚本代码无法访问这些内部插槽。

如果您需要了解有关内部插槽的更多信息,请阅读:

What is an "internal slot" of an object in JavaScript?

这篇关于Java脚本中__proto__与[[Prototype]]的区别的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Update another component when Formik form changes(当Formik表单更改时更新另一个组件)
Formik validation isSubmitting / isValidating not getting set to true(Formik验证正在提交/isValiating未设置为True)
React Validation Max Range Using Formik(使用Formik的Reaction验证最大范围)
Validation using Yup to check string or number length(使用YUP检查字符串或数字长度的验证)
Updating initialValues prop on Formik Form does not update input value(更新Formik表单上的初始值属性不会更新输入值)
password validation with yup and formik(使用YUP和Formick进行密码验证)