原型

函数的prototype属性

1.每一个函数都会有一个prototype属性，它默认指向一个object的空对象（即没有我们定义的方法和属性），这个空对象也称为原型对象
2.原型对象中有一个constructor属性，指向函数对象

显式原型和隐式原型

1.每一个函数都会有一个prototype，也就是显式原型属性（函数定义的时候添加的）
2.每一个函数实例对象都会有一个_ _proto_ _:属性，也即是隐式原型属性（创建实例对象的时候添加的）
3.对象的隐式原型的值就是对应构造函数的显示原型的值

<script>
  function Fn(){
      //内部执行语句：this.prototype = {}
  }
    console.log(Fn.prototype);
    var fn = new Fn();//内部执行语句：this.__proto__ = Fn.prototype
    console.log(fn.__proto__);
     Fn.prototype.test = function () {
        console.log('test');
    }
</script>

内存图如下：

原型链

1.定义：原型链又称隐式原型链；
2.访问一个对象的属性时：现在自身的属性进行查找，找到进行返回；没有找到则沿着__proto__这条链上进行查找，找到进行返回，如果没有找到则返回undefined;
3.作用：查找对象的属性或方法

 function Fn(){
      this.test1 = function () {
          console.log('test1()');
      }
  }
  Fn.prototype.test2 = function () {
      console.log('test2()');
  }
    var fn = new Fn();
    fn.test1(); //test1()
    fn.test2(); //test2()
    console.log(fn.toString()); //[object Object]
    fn.test3(); //报错：fn.test3 is not a function

内存如下：

构造函数、实例对象、原型的关系

 	var o1 = new Object();
    var o2 = {};

内存关系图如下：
![在这里插入图片描述](https://img-blog.csdnimg.cn/2019082421141182.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzOTUyMjQ1,size_16,color_FFFFFF,t_70

---

实例原型图2：

function foo();

要知道的：

1. 任何函数都是Function的实例对象，包括它自己即Function = new Function()所以Function.__proto__ ===Function.prototype
2. 任何函数都有两个特殊的属性：_ _proto_ _和prototype
3. 函数的实例的对象都有隐式原型且指向其构造函数的显示原型
4. 函数的显示原型默认指向空Object实例对象，但是Object除外，Object的显示原型是整个原型链的终端，其后不再有原型
5. 除了Object.prototype外的所有显示原型外其原型对象的隐式原型都将最终指向Object.prototype

  //输出结果为false :Object的显示原型对象不是Object的实例
    var a = Object.prototype instanceof Object;
    //输出结果为true:Function的显示原型对象时Object的实例
    var b = Function.prototype instanceof  object; 

instanceof的用法

表达式： A instanceof B
目的：判断A是否是B的实例对象（A是对象。B是函数）
如果函数B的显示原型在A对象的原型链上则返回true，否则返回false
注：
1.Function是通过new Function()来创建的（new 自己）
.2.Object 属于函数也是Function的实例，也是由new Function()

 console.log(Function instanceof Object);
 console.log(Object instanceof Function);
 console.log(Object instanceof  Object);
 console.log(Function instanceof  Function);

控制台输出结果：全部是true
分析：
A instanceof B即查找A的（隐式）原型链；查找B的显示原型；然后看两者是否有交集

练习题

练习1：

 function A (){}
 A.prototype.n = 1;
 var a = new A();
 A.prototype = {
     n:2,
     m:3
 }
 var a1 = new A();
 console.log(a.n, a.m,a1.n,a1.m);

控制台输出结果如下：1，undefined,2,3
分析如下：

练习2：

function F(){}
    Object.prototype.a = function () {
        console.log('a()');
    }
    Function.prototype.b = function(){
        console.log('b()');
    }
    var f = new F();
   f.a();
   f.b();
   F.a(); //这里将函数F作为对象看待，因此F的隐式原型指向Function的显示原型
   F.b();

运行结果：
a()
报错：f.b is not a function
a()
b()
分析：