js —— 原型链

快来打我* 2024-04-18 09:30 1阅读 0赞

###### 1. 一、什么是原型： ######

> 任何对象都有一个原型对象，这个原型对象由对象的内置属性`_proto_`指向它的构造函数的`prototype`指向的对象(即构造函数的原型对象)，即任何对象都是由一个构造函数创建的，但是不是每一个对象都有`prototype`，只有方法才有`prototype`。

###### 2. 什么是原型链？ ######

> 原型链的核心就是依赖对象的`_proto_`的指向，当自身不存在的属性时，就一层层的扒出创建对象的构造函数，直至到`Object`时，就没有`_proto_`指向了。

###### 3. 如何分析原型链? ######

> 因为`_proto_`实质找的是`prototype`，所以我们只要找这个链条上的构造函数的`prototype`。其中`Object.prototype`是没有`_proto_`属性的，它的`__proto__`属性==null。

##### 4. `prototype`与`proto`分别是什么： #####

> ① js中，所有对象都有属性`proto`，该属性可被称为隐式原型。一个对象的隐式原型指向构造该对象的构造函数的原型，这也保证了实例能够访问在构造函数原型中定义的属性和方法。  
> ② 方法是一个特殊的对象，它除了拥有`proto`属性外，还有自己特有的属性：`prototype`,这一个属性是一个指针，指向一个对象，这个对象包含所有实例共享的属性和方法，我们将这个对象叫做原型对象。原型对象有一个属性，叫`constructor`,这个属性包含一个指针，指回原构造函数。（通过Function.prototype.bind方法构造出来的函数是个例外，它没有prototype属性）

> 举例说明：内建对象：比如Array()，Array.prototype也是一个对象，对象就是由 Object() 这个构造函数创建的，因此Array.prototype.**proto** === Object.prototype，或者也可以这么理解，所有的内建对象都是由Object()创建而来。

###### 上述图解： ######

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzMxNDg0Ng_size_16_color_FFFFFF_t_70]

###### 5. 默认情况下，构造函数的原型的`constructor`属性是指向该构造函数本身的。若用对象字面量重写原型，则`contructor`属性不存在。故若要重写，必须给`constructor`重新赋值。 ######

###### 图1 ######

![在这里插入图片描述][20190904181712245.png]

/*重新赋值后*/
     function Animal(){ 
            this.name="小猫";
            this.sex="母";
        }
    
        Animal.prototype={ 
        constructor:Animal,
            sleep:function (){ 
                return "会睡觉"
            }
        }
        console.log( Animal.prototype);//打印结果见图2

###### 图2 ######

![在这里插入图片描述][20190904181839186.png]

###### 6. 对象没有`prototype`属性，只有函数有。 ######

###### 7. 例题 ######

/*①*/
     var arr=[];
     arr.__proto__===Array.prototype;
     arr.__proto__.__proto__===Object.prototype

/*②写一个方法，可以通过a.调用出来*/
    var a=[2,1,3,4]；
    Array.prototype.test = function(){ 
    	console.log(1)
    }
    a.test();//打印出1
    
    Object.prototype.test = function(){ 
    	console.log(2)
    }
    a.test();//打印出2

> 参考文章：https://blog.csdn.net/shuixiou1/article/details/81048816  
> https://www.jianshu.com/p/80bcf8b2004e

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzMxNDg0Ng_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/989ca330311c4fee891ecb97bf3ca03c.png
[20190904181712245.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/0609132ef9a74af885f72baa920e5ccc.png
[20190904181839186.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/75ca791a5aba4e21bd74d9fd4ef72e59.png