JS 原型和原型链

原型和原型链

• 原型:是利用prototype添加属性和方法
• 原型链:JS在创建对象的时候，都有一个叫做_proto_的内置属性，用于指向创建它的函数对象的原型对象

扩展:_proto_和prototype的区别

• proto:
  在JS中每一个对象都具有属性__proto__,可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型，这也保证了实例能够访问在构造函数原型中定义的属性和方法。
• prototype:
  函数(function)这个特殊的对象，除了和其他对象一样有上述_proto_属性之外，还有自己特有的属性——原型属性（prototype），这个属性是一个指针，指向一个对象，这个对象的用途就是包含所有实例共享的属性和方法（我们把这个对象叫做原型对象）。原型对象也有一个属性，叫做constructor，这个属性包含了一个指针，指回原构造函数。

  

1. 构造函数Foo()构造函数的原型属性Foo.prototype指向了原型对象，在原型对象里有共有的方法，所有构造函数声明的实例（这里是f1，f2）都可以共享这个方法。
2. 原型对象Foo.prototype保存着实例共享的方法，有一个指针constructor指回构造函数。
3. 实例f1和f2是Foo这个对象的两个实例，这两个对象也有属性__proto__，指向构造函数的原型对象，这样子就可以像上面1所说的访问原型对象的所有方法啦。

• 区别

  1. __proto__是每个对象都有的一个属性，而prototype是函数才会有的属性。
  2. __proto__指向的是当前对象的原型对象，而prototype指向的，是以当前函数作为构造函数构造出来的对象的原型对象。
     构造函数是娘，原型是爹。

     

  var obj = { a : 1 };
  console.log(obj.__proto__ === Object.prototype);    // true
  
  
  var str = new String('123');
  console.log(str.__proto__ === String.prototype);    // true
  
  
  function Point(){};
  var Circle = Object.create(Point);
  console.log(Circle.__proto__ === Point);            // true
  console.log(Circle.__proto__ === Point.prototype);  // false
  
  
  var p = new Point();
  console.log(Point.__proto__);   // function Empty() {}
  console.log(Point.prototype);   // Point {}
  console.log(p.__proto__);       // Point {}
  console.log(p.prototype);       // undefined
  

参考资料：

1. 作者：doris 链接： www.zhihu.com/question/34…
   来源：知乎

2. 作者：丹尼大哥 链接： www.zhihu.com/question/34…
   来源：知乎