面试中常用的__proto__,prototype和原型链，你都了解了吗？

上一篇随笔主要讲了变量提升的问题，今天我们来讲讲很多前端er在初期很长一段时间内都没有完全搞明白的原型链和构造函数。

1，什么是构造函数

　　那么要讲到构造函数，必须要有一个函数，所以我们建立一个函数

　　　　

function Person(){}

　ok，既然是构造函数，那么久要有参数和返回值　

Person = function(name,age,force){

          this.name = name;
          this.age = age;    
          this.force = force;
}

　一个函数就出来了,接下来我们来看一下这个Person的__proto__和prototype

Person.prototype    //Object {constructor:function(name,age,force),__proto__:Object}

Person.__proto__ //function(){}

　　好的，我们的构造函数完成了，现在我们来通过构造函数创建一个对象

var mike = new Person('mike',23,'strong');
mike  //Person {name: "mike", age: 23, force: "strong"}
mike.prototpe  //undefined
mike.__proto__  //Object {constructor:function(name,age,force),__proto__:Object}

　　在上面2段代码，我们可以发现很多，仔细观看mike.__proto__和Person.prototype，是不是发现，这两者其实是一个东西，我们待会验证一下，并且发现mike.prototype是undefined

alert(mike.__proto__ === Person.prototype)    //true

　　这样我们大概就了解了，构造函数new Person()发生时候的一个过程

　　创建mike对象;

　　mike.__proto__ = Person.prototype;　　

　　Person.call(mike,'mike',23,'strong');

2,__proto__和prototype

　　__proto__按照定义来讲，是对象自带的一个属性，这个__proto__它本身又是一个对象，__proto__的属性，可以被mike读取到，但不会显示在mike对象里，当然__proto__对象中的属性读取优先级要低于mike本身

　　而prototype呢，则是函数的一个自带属性，其中prototype又有两个元素，1,constructor指向函数本身，2,__proto__同对象中的__proto__

　　构造函数在创建对象是最大的特点就是会把自身的prototype按值传递给被构造对象的__proto__，因为prototype可以当做对象来看，所以是按引用传递//纠正上次的一个错误

　　暂时我知道的prototype的作用，就是在构造对象时，将自身的prototype（引用）传递给新函数的__proto__

3，原型链

　　这里我可以举个例子

mike    //Person {name: "mike", age: 23, force: "strong"};
mike.__proto__face = 'handsome';
mike    //Person {name: "mike", age: 23, force: "strong"}
mike.face    //'handsome'

　　mike对象中没有face属性，所以往mike.__proto__中找face，找到了，显示出来，找不到的话，往mike.__proto__.__proto__中找face，如此往复，直到某一个__proto__返回null

4，多次继承

　　

function One(){
    this.sayOne = function(){
        alert('nameOne');     
     }
}
function    Two(){};
Two.prototype = new One();
Two.prototype.sayTwo = function(){
    alert('nameTwo');
}
var say = new Two();
say.sayOne()    //‘nameOne’
say.sayTwo()    //‘nameTwo’
two.prototype　　//one(sayOne:function(){},sayTwo:function(){})

　　

　　原理很简单 Two.prototype = new One(); 这一步得到 Two.prototype.__proto__ = One.prototype;

　　say.__proto__ = Two.prototype;

　　所以say.__proto__.__proto__ = One.prototype;

　　所以say.sayTwo = say.__proto__.sayTwo = Two.prototype.sayTwo ;

　　　　One.call(Two.prototype);

　　　　say.sayOne = say.__proto__.sayTwo = Two.prototype.sayOne;

　　要完成多次继承，只要将上一层的属性实例化到下一层的prototype即可，因为prototype是可以作为对象的__proto__直接使用的！