对js构造函数,原型对象和原型的理解(2)

待我称王封你为后i 2023-07-11 15:23 6阅读 0赞

上篇文章我们说到了  
我sing方法已经放到了Star的原型对象prototype身上了,可是我zs,ls这两个实例没有这个方法,为什么还能访问得到?

function Star(name, age) { 
                this.name = name;
                this.age = age;
            }
           Star.prototype.sing = function(){ 
            	 console.log('我会唱歌');
            }
            var zs = new Star('张山', 10);
            var ls = new Star('李四', 10);
            ls.sing(); //我会唱歌
            zs.sing();	//我会唱歌

## 原型\_\_proto\_\_ ##

这是因为我们**对象身上都会有这一个属性\_\_proto\_\_属性**,而它指向的就是我们构造函数的prototype原型对象,  
所以啊,我们对象可以使用构造函数prototype原型对象的方法和属性,都是因为对象有\_\_proto\_\_原型的存在  
我来打印一下

console.log(zs.__proto__ === Star.prototype);  //true

**可见啊,确实是我们\_\_proto\_\_指向的是Star构造函数的prototype原型对象的**  
那就有结论了呀,  
方法的查找规则:  
**先看我zs,ls这两个对象上有没有sing的这个方法,如果有,就执行对象身上的sing方法.  
如果没有,因为有\_\_proto\_\_的存在,我们就可以去找构造函数原型对象prototype身上去查找**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTY1ODk4NA_size_16_color_FFFFFF_t_70]  
就是说 : **我们把方法放在了构造函数的原型对象prototype身上,然后通过这个构造函数实例化的对象就可以访问到构造函数的原型对象prototype身上的方法,因为这个实例化对象身上有\_\_proto\_\_属性,它指向构造函数的原型对象prototype.**

注意一点就是:**\_\_proto\_\_它是一个非标准属性,不可以直接赋值或者使用这个属性,它的意义就是为我们的对象查找方法的时候提供一个方向,因为它指向构造函数的原型对象prototype.**

说到这里你们是不是理解得差不都了呢  
后面继续讲解constructor构造函数,是不是有点迫不及待了呢

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTY1ODk4NA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200306152419862.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTY1ODk4NA==,size_16,color_FFFFFF,t_70