js —— 原型链

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()创建而来。

上述图解：

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

 function Animal(){
        this.name="小猫";
        this.sex="母";
    }

    Animal.prototype={
        sleep:function (){
            return "会睡觉"
        }
    }
    console.log( Animal.prototype);//打印结果见图1

图1

/*重新赋值后*/
 function Animal(){
        this.name="小猫";
        this.sex="母";
    }

    Animal.prototype={
    constructor:Animal,
        sleep:function (){
            return "会睡觉"
        }
    }
    console.log( Animal.prototype);//打印结果见图2

图2

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