js原型和原型链

一、原型prototype和__proto__

       先记两句话：

       ➀ 每个对象都有一个__proto__属性，并且指向他的prototype原型对象。

       ➁ 每个构造函数都有一个prototype原型对象,prototype原型对象的constructor等于构造函数本身。        

var Person = function(name,age) {
   this.name = name;
   this.age = age;
}
Person.prototype.run = function() {
    console.log('running');
}
var me = new Person('小明',10);
// ➀ 每个对象都有一个__proto__属性，并且指向他的prototype原型对象。
console.log(me.__proto__===Person.prototype); // true
// ➁ 每个构造函数都有一个prototype原型对象,prototype原型对象的constructor等于构造函数本身
console.log(Person.prototype.constructor==Person); // true

        一张图示说明实例、原型对象、构造函数三者之间的关系。

        

       这里有人会问__proto__和prototype是干吗用的？

       

       prototype相当于所有实例对象可以访问的一个公共容器，实例对象的__proto__指向构造函数的prototype，从而实现继承，

      上图中me这个实例对象拥有了run方法。

二、原型链

       当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依次层层向下搜索，直到找到一个名字匹配的属性或到达原型链的末尾。

     

       在查找me.toString()方法时依次向上查找，终于通过me.__proto__.__proto__.toString找到了该方法。

       原型链查找顺序：me---> me.__proto__ ---> me.__proto__.__proto__ ---> null

       这就是所谓原型链，层层向下找，没有就返回undefined。