JS的原型和原型链浅谈JS的原型和原型链

熊猫程序员 2021-06-04 我要评论

想了解浅谈JS的原型和原型链的相关内容吗，熊猫程序员在本文为您仔细讲解JS的原型和原型链的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：JS,原型，下面大家一起来学习吧。

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方法

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