如何深入理解JavaScript中对象的原型和原型链机制？

本文共计625个文字，预计阅读时间需要3分钟。

目录

1.原型 prototype

2.原型指针：__proto__

总结

1.原型 prototype

在 JavaScript 中，所有函数都包含一个名为 prototype 的属性，这个属性是一个对象。所有具有 prototype 属性的对象都是函数的实例。prototype 的作用是向对象添加方法或属性，这些方法或属性可以被所有继承该原型链的对象所访问。

2.原型指针：__proto__

每个对象都有一个内部属性，称为 __proto__，它指向创建该对象的函数的 prototype 属性。通过这个指针，对象可以访问 prototype 对象中的方法和属性。这种机制允许继承，使得对象可以共享相同的属性和方法。总结

1.原型 prototype

JavaScript 中所有函数都具备 prototype 属性，所有具有 prototype 属性的对象都是一个函数的实例。prototype 用于向对象添加方法和属性，使得继承成为可能。

目录

• 1.原型prototype
• 2.原型指针：__proto__
• 总结

1.原型prototype

javascript中所有函数都具有这个属性，所有具有prototype属性的对象都是一个函数。prototype的作用是向对象添加一个方法/属性。

function persion(){} persion.prototype.name = "xiaoming" console.log(persion.prototype)//{name: "xiaoming", constructor: ƒ}

2.原型指针：__proto__

如果将上面persion函数生成一个实例对象Persion1，用prototype为他添加一个属性写法如下：

function persion(){} persion.prototype.name = "xiaoming" let Persion1 = new persion(); console.log(Persion1) //控制台结果如下

打印实例Persion1的结果如下:

从上面打印的结果来看，Persion1.__proto__.name = persion.prototype.name,也就是实例对象的__proto__属性等于其构造函数的prototype。

理解了上面之后，原型链就很好理解了，我们可以通过Persion1.__proto__.__proto__直接查找到Object的方法。这么说可能不太直观，上代码：

function persion(){} persion.prototype.name = "xiaoming" let Persion1 = new persion(); console.log(Persion1.__proto__.__proto__.toString) //通过原型链查找到的Object的toString方法 console.log(Object.prototype.toString)//Object上的toString方法

控制台打印结果如下，这样就印证原型链逐级查找的特性。

总结

任何对象都可以通过原型链,也就是__proto__属性，逐级查找，最终的重点都是Object，必经之路是function。他们的关系像是用一条链子串起来一样，我们把这种关系叫做原型链。

以上就是浅谈JS的原型和原型链的详细内容，更多关于JS的原型和原型链的资料请关注自由互联其它相关文章！