白话释义原型链相关概念

1、每创建一个构造函数（Person）都有一个prototype属性，这个属性是一个指针，指向一个对象，称该对象为原型对象。原型对象上默认有一个属性constructor，该属性也是一个指针，指向其关联的构造函数。通过调用调用构造函数创造的实例对象person，都拥有一个内部属性proto，改属性指向原型对象，并且能访问原型对象上的所有属性和方法。

        function Person(){}
        Person.prototype.name = '小白兔';
        Person.pro
        var person = new Person();
        Person.prototype.constructor === Person;  //true
        person.__proto__ === Person.prototype;  //true
        person.name; //小白兔
        person.sayName(); //我的名字是：小白兔

2、如果这个原型对象又是其他构造函数Man的实例，所以Person.prototype.proto指向Man.prototype，实例person也访问Man原型对象上的所有属性和方法，如果Man原型对象又是Bbb的实例，所以Man的原型对象上也有一个proto指向Bbb的原型对象……以此类推，最后一个函数Ddd的原型对象的proto属性Object.prototype，Object的原型对象的proto属性指向null，这边是原型链的终点。person可以访问原型链的所有原型对象的属性和方法。

       function Man(){}
       Man.prototype.age = 22;
       Man.prototype.showAge = function(){
           console.log('我的年龄是：'+this.age);
       }
       Person.prototype = new Man();
       var person = new Person();
       person.showAge(); //我的年龄是：22 //访问到了原型链上的函数和属性
       Person.prototype.__proto__ === Man.prototype; //true
       Man.prototype.__proto__ === Object.prototype; //true
       Object.prototype.__proto__ === null; //true  //原型链的终点

3、所有函数，不管是构造函数，还是普通函数，都有一个proto属性指向Function的原型对象，可以使用Function的原型对象上的所有方法和属性，Function原型对象有一个proto属性指向Object.prototype，所有函数可以使用Function原型对象上的所有属性和方法，也可以使用Object原型对象上的所有方法。
构造函数和普通函数的区别：构造函数一般是首字母大写，普通函数都是小写。

      function Person() {}
      function eat() {}
      Person.__proto__ === Function.prototype; //true
      eat.__proto__ === Function.prototype; //true
      Function.prototype.__proto__ === Object.prototype; //true

4、只要 typeof '变量' 的结果是‘function’，那么 '变量'.proto === Function.prototype，
注意：typeof Object === ‘function’

    Object.__proto__ === Function.prototype;  //true

5、属性查找机制：我们想要查找某个对象的某个属性，如果我们没有在当前对象中找到，我们便沿着原型链向它的上一级查找，如果上级没有查找到，再一直向上，知道查到Object.prototype，如果还是没有，就返回undefined。

最后编辑于：2019.04.03 15:34:45