JavaScript原型链的理解和分析

JavaScript的学习是一个循序渐进的过程，学习过程中我们会不断探索其中的奥秘，其实我从最开始学习，一直对原型链的概念缺乏一个明确的认识，虽然有的时候还是在不断使用的。

简单理解，在JavaScript中,一共有两种类型的值,原始值和对象值.每个对象都有一个内部属性[[prototype]],我们通常称之为原型.原型的值可以是一个对象,也可以是null.如果它的值是一个对象,则这个对象也一定有自己的原型.这样就形成了一条线性的链,我们称之为原型链.

如果你想去访问一个对象的原型可以使用ES5中的Object.getPrototypeOf方法,

或者ES6中的proto属性.

那原型对象是用来做什么的呢？主要作用是用于继承。举了例子：

 var person = function(name){
   this.name = name
  };
  person.prototype.getName = function(){
     return this.name; 
  }
  var zjh = new person(‘zhangjiahao’);
  zjh.getName(); //zhangjiahao

从这个例子可以看出，通过给person.prototype设置了一个函数对象的属性，那有person实例（例中：zjh）出来的普通对象就继承了这个属性.

JS在创建对象（不论是普通对象还是函数对象）的时候，都有一个叫做proto的内置属性，用于指向创建它的函数对象的原型对象prototype。以上面的例子为例：

  console.log(zjh.__proto__ === person.prototype) //true

同样，person.prototype对象也有proto属性，它指向创建它的函数对象（Object）的prototype

 console.log(person.prototype.__proto__ === Object.prototype) //true

继续，Object.prototype对象也有proto属性，但它比较特殊，为null

  console.log(Object.prototype.__proto__) //null

原型链的使用，也就是建立在原型的基础之上的， 其主要作用就是集成对象的属性。