每一个实例对象又有一个proto属性，指向的构造函数的原型对象，构造函数的原型对象也是一个对象，也有proto属性，这样一层一层往上找就形成了原型链。
img5.png

实现原型链涉及如下代码模式：

  1. function SuperType() {     //创建第一个构造函数
  2.  this.property = true; 
  3. } 
  4. SuperType.prototype.getSuperValue = function() {   //给原型对象内添加方法
  5.  return this.property; 
  6. }; 
  7. function SubType() {     //创建第二个构造函数
  8.  this.subproperty = false; 
  9. } 
  10. // 继承 SuperType 
  11. SubType.prototype = new SuperType();  //将第一个构造函数的实例化赋值给第二个函数的原型对象
  13.  // 如果利用对象的形式修改了原型对象,别忘了利用constructor 指回原来的构造函数
  14.   SubType.prototype.constructor = SubType;
  16. SubType.prototype.getSubValue = function () {
  17.    return this.subproperty;   //给原型对象内添加方法
  18. }; 
  19. let instance = new SubType();  //实例化对象
  20. console.log(instance.getSuperValue()); // true

上面代码中，第二个构造函数的原型对象使用了第一个构造函数的实例对象，内部的constructor也被修改，不再指向第二个构造函数，需要手动改回来

1. 原型对象中this指向

构造函数中的this和原型对象的this,都指向我们new出来的实例对象

  1. function Person(uname, age) {
  2.     this.uname = uname;
  3.     this.age = age;
  4. }
  5. var that;
  6. Person.prototype.sing = function() {  //给Person构造函数的原型对象添加方法
  7.     console.log('唱歌');
  8.     that = this;
  9. }
  10. var ym = new Person('袁某', 18);
  11. // 1. 在构造函数中,里面this指向的是对象实例 ym
  12. console.log(that === ym);//true
  13. // 2.原型对象函数里面的this 指向的是 实例对象 ym

通过原型为数组扩展内置方法

  1. Array.prototype.sum = function() {
  2.    var sum = 0;
  3.    for (var i = 0; i < this.length; i++) {
  4.    sum += this[i];
  5.    }
  6.    return sum;
  7.  };
  8.  //此时数组对象中已经存在sum()方法了  可以始终 数组.sum()进行数据的求

通过原型链向Array()构造函数的原型对象内添加新的方法