原型对象和原型链

  原型对象和原型链

总的来讲：

一、prototype是函数才有的属性 

二、__proto__是每一个对象都有的属性  

（__proto__不是一个标准属性，只是部分浏览器实现了此属性，对应的标准属性是[[prototype]]）

 

1、原型对象

 1 ```
 2 function A(){//建立一个构造函数
 3 
 4 }
 5 
 6 A.prototype.testa = "aaaaa";
 7 let a1 = new A();
 8 let a2 = new A();
 9 let a3 = new A();
10 
11 console.log(a1.testa);
12 console.log(a2.testa);
13 console.log(a3.testa);
14 //解释：经过实例对象来访问testa，a一、a二、a3都能访问到原型对象上的方法。
15 （这就是为何推崇原型下编程）。
16 
17 a1.testa = "bbbbb";
18 //这时候单独把a1的testa属性改为“bbbbb”，这只是单纯的把a1本身属性改为“bbbbb”，原型下的属性是不会受到影响的。

2、原型链

 1 [].toString();
 2 console.log(Array.prototype);//原型下有toString方法；
 3 
 4 //可是
 5 function A(){
 6 
 7 }
 8 var a = new A();
 9 console.log(a.toString);//也存在也能使用，可是
10 console.log(a.prototype);//下面没有toString方法，那他为何能使用呢？
11 //正是由于原型链的存在才能使用原型链上的toString方法。
12 
13 console.log(a.prototype.__proto__);//下面九就有toString方法；
14 
15 //强调（a.prototype）原型对象也是一个对象，因此往上找原型对象下的原型对象下就有可以使用的方法。
16 
17 a.prototype.__proto__ == Object.prototype 
18 //解释：通俗来讲a.prototype是Object的一个实例，也就是new 了一个Object。

 

 

原型链图解：

构造函数的prototype == new出来的对象的__proto__。

 

 

 

 

草图：