js的原型链

js原型


```
//构造函数
function Dog(name){
     this.name = name
     this.age = 1
}

//实例1

var example = new Dog()
example.name = "213"
example.age = 2
console.log(example.name,example.age)--> 213 2

//实例2

var test = new Dog()
console.log(test.name,test.age)--> undefined 1

//实例化以后的两个实例 example，test是独立的，相互之间互不影响。
//修改其中一个的age，不会影响到另外一个。

//每个实例对象，都有本身的属性和方法的副本。
//这不只没法作到数据共享，也是极大的资源浪费。

//所以，原型应运而生。
//原型是构造函数的一个名为prototype的属性，也叫prototype对象。

//全部实例对象须要共享的属性和方法，都放在这个对象里面；
//那些不须要共享的属性和方法，就放在构造函数里面。
//实例对象一旦建立，将自动引用prototype对象的属性和方法。
//也就是说，实例对象的属性和方法，分红两种，一种是本地的，另外一种是引用的。

//如今把age放在原型中：

function Dog(name){
     this.name = name
}
Dog.prototype = {
    age: 1
}

var example = new Dog()
var test = new Dog()
Dog.prototype.age = 2

//修改了原型的属性值，对全部实例生效

console.log(example.age,test.age)--> 2 2
example.age = 3
console.log(example.age) --> 3
cosnole.log(test.age) --> 2

//因为全部的实例对象共享同一个prototype对象，
//那么从外界看起来，prototype对象就好像是实例对象的原型，
//而实例对象则好像"继承"了prototype对象同样。


```

没有原型的对象为数很少，Object.prototype就是其中之一，不继承任何属性。
其余的原型对象都是普通对象，都有原型。
全部的内置构造函数（以及大部分自定义的构造函数）都具备一个继承自Object.prototype的原型。

#### var A = function () {}
#### var B = new A();

这个代码说明了对象B是函数A生成的，函数和对象就是鸡和蛋的关系，
可是由于最终倒腾到根上的话，Object是祖师爷，因此函数属于对象。
JS里面全部的东西都是对象，对象就是属性的集合。

全部的对象上都有一个__proto__属性，
一个对象，首先你要知道它是谁new出来的，
对象的__proto__指向new它的函数的prototype属性；




```
var A = function () {};

var B = new A();

B.__proto__ === A.prototype;


```


那么函数A是谁new出来的？
函数也是对象，因此它也有__proto__属性
函数A是Function生成的，全部函数都是Function new出来的。



```
A.__proto__ === Function 
// true

```


下面是最核心的东西了：函数A的prototype是谁new出来的？？

A.prototype是一个对象，它有一个
```
__proto__
```
属性，它是由Object函数new出来的
因此
```
A.prototype.__proto__ === Object.prototype
```


Object.prototype是谁建立的??

```
Object.prototype.__proto__
// null 
```




so，这个链条是这样的

```
B.__proto__ === A.prototype
A.prototype.__proto__ === Object.prototype
Object.prototype.__proto__ === null
```




```
__proto__
```
是串起来这个链条的一个隐形属性，有些浏览器是访问不到这个属性的
so，B能够调用A.prototype上的任何属性，一样能够调用Object.prototype上的任何属性


这就是原形链，这就是为何B能够直接调用toString方法，由于toString是Object.prototype的方法



那么你能够在链条上的任何一个函数的prototype上添加东西，来测试一下B能不能访问

答案是能够的  好比 Object.prototype.me = "cute";
                   console.log(new Date().me)
                   // "cute";
                   console.log(toString().me)
                   // "cute"
                   
因此为了不变量污染，实际用途中要避免修改原型链上的属性，而是在实例上作修改。

WEB前端学习交流群21 598399936