原型链模式--基础

构造函数模式解决了实例识别问题（实例和实例间是相互独立的
基于构造函数模式的原型模式解决了方法或属性公有的问题：把实例之间相同的属性和方法提取成公有的属性和方法（想让谁公有就把它放在“类 . prototype”上即可）

基础知识：

1、每一个函数数据类型（普通函数、类）都有一个天生自带的属性：prototype（原型），并且这个属性是一个对象数据类型的值

2、并在prototype上，浏览器天生给它加了一个属性constructor（构造函数），属性值是当前函数（类）本身

3、每一个对象数据类型（普通对象、实例、prototype......）也天生自带一个属性： __proto __，属性值是当前实例所属类的原型（prototype）
eg:

function Fn(){
      this.x=100;
      this.sum=function(){
      };
}
Fn.prototype.getX=function(){
      console.log(this.x);
};
Fn.prototype.sum=function(){
};
var f1=new Fn;
var f2=new Fn;
console.log(Fn.prototype.constructor===Fn);  //--->true

Object是JS中所有对象数据类型的基类（最顶层的类）：

(1).f1 instanceof Object---->true 因为f1通过 __proto __可以向上级查找，不管有多少级，最后总能找到Object

(2).在Object.prototype上没有 __proto __这个属性

原型链模式:

f1.hasOwnProperty（"x“）；//--->hasOwnProperty是f1的一个属性

若f1的私有属性上没有这个方法，应如何处理：

(1).通过 对象名 . 属性名 的方式获取属性值的时候，首先在对象的私有的属性上进行查找，若私有中存在这个属性，则获取的是私有属性值；

(2).若私有的没有，则通过 __proto __找到所属类的原型（类的原型上定义的属性和方法都是当前实例公有的属性和方法），原型上存在的话，获取的是公有的属性值；

(3).若原型上也没有，则继续通过原型上的 __proto __继续向上查找，一直找到Object.prototype为止。。。

这种查找的机制成为”原型链模式“

image.png

判断练习：

1、f1.getX===f2.getX   //----->true；
2、f1. __proto__.getX===f2.getX  //----->true；
3、f1.getX===Fn.prototype.getX //----->true；
4、f1.sum===f2. __proto__.sum  //--->false；
5、f1.sum===Fn.prototype.sum  //----->false；

注：（自我小总结）

1、函数或类带prototype的代表公有

2、对象数据类型（实例）带 __proto __的代表公有

3、在IE浏览器中，原型模式也如此，但IE浏览器禁止使用 __proto __（怕通过 __proto __把公有修改）可以用Fn.prototype.sum=function(){}修改公有的sum。（其他可以直接f1. __proto__.sum=function(){}修改所属类原型上的sum）

4、链式写法：执行完成某一个方法，不仅得到了想要的结果，而且返回值还需要是当前这个类的实例，只有这样才能一直链下去。eg：

ary.sort(function(a,b){
        return a-b;
}).reverse().slice(0,5).pop().push();

//.push is not a function;因为pop执行完成的返回结果是删除的那个元素，而不是数组了（不是Array的实例了）