js原型和原型链

原型

• 所有的函数类型都天生再带一个属性：prototype（原型），这个属性的值是一个对象，浏览器会默认给他开辟一个堆内存
• 在浏览器中给prototype（原型）开辟的堆内存中有一个天生自带的属性：constructor,这个属性存储的值是当前函数本身
• 每一个对象都有一个__proto__的属性，这个属性指向当前的实例所属类的prototype（如果不能确定他是谁的实例，都是Object的实例）

原型图

原型链

他是一种基于__proto__向上查找的机制，当我们操作实例的某一个属性或方法的时候，首先找到自己的私有的属性或方法

• 找到了，则结束查找，使用自己私有的属性或方法即可
• 没找到，则基于__proto__找到所属类的prototype,如果找到了，就用这个属性或方法，没找到则继续向上查找，一直找到Object.protype的原型为止，如果还没找到，操作的属性或方法不存在

function Fn(){
    var n=10;
    this.aa=function(){
        console.log('aa私有');
    };
};
Fn.prototype.AA=function(){
    console.log('AA公');
};
var f1=new Fn();
var f2=new Fn();
console.log(f1.n);//undefined
console.log(f1.aa===f2.aa);//false
console.log(f1.__proto__.AA===f2.__proto__.AA);//true
console.log(f1.hasOwnProperty===Fn.prototype.hasOwnProperty);//true

原型图