JavaScript 原型与原型链

原型：原型是存在于任意一个函数上的一个属性prototype，在原型上添加的属性，通过该构造函数实例的所有对象，都可以访问该属性。

原型链：__proto__,首先，思考一个问题，我们通常使用的API，如：map(),push()这些API,我们通常使用为arr.去使用，但arr这个数组上是不存在push()这一类方法的，但却能使用。上面说到的，通过在原型上添加的方法，该构造函数的所有实例对象都能访问，就是通过的__proto__完成的首先，该实例对象会通过__proto__去自己的构造函数内找该属性，找到返回，没有则去该构造函数的原型上找，此时继续__proto__原型有则返回，这里需要声明，构造函数的原型的数据类型为Object，所有当没有找到时，会继续去系统的Object上去寻找，最终如果都不存在则会返回未定义，这一列的类似形式，称为原型链。声明：我们所使用的arr.push()实际arr.__proto__.push()，只是js代码解析时，系统会自动帮我们添加.__proto__，所以我们只需要.就能使用

下面是实例：

  function F1(_num1){
    this.num1 = _num1;
    this.num2 = 100;    
  }
  function F2(){}
  F1.prototype.num3 = 1000;
  let num = new F1(10);
  console.log(num.num1); //10
  console.log(num.num2); //100
  console.log(num.__proto__.num3); //1000
  console.log(F1.prototype === num.__proto__); //true
  console.log(F1.prototype.constructor === F2.prototype.constructor); //false

通过上面得知我们的确可以拿到num1~num3，也可以通过__proto__去拿到原型上的num3，也可以知道，F1.prototype 与 num.__proto__实际为一个意思，只是prototype是给构造函数使用的，__proto__是给实例对象使用的

constructor：每一个原型上都有一个constraintor，实例原型指向构造函数，类比于：constraintor相对于构造函数的身份证，来识别是否为不同的构造函数