JS原型链

JS原型链

js的大部分元素（数组、函数、对象等）都属于对象，因此他就会有属性，可以分为自身属性（通过方法obj.hasOwnProperty('prop');获取）和继承属性。

自身属性：1. 每个对象都有一个方法hasOwnProperty()来检查对象本身是否有某个属性，如果有则返回true；如果这个属性在它的原型链上或原型链上都没有，则返回false；2.当hasOwnProperty被作为一个属性名存在对象中的时候，上述获取方法失效，可通过原型来获取Object.prototype.hasOwnProperty.call(foo, 'bar'); // true

当js在一个对象中找不到需要的属性时，它会到这个对象的父对象上去找，以此类推，这就构成了对象的原型链。

function Foo(_name) {
  this.name = _name;
}
//将共同的方法放到Foo.prototype中
Foo.prototype.show = function() {  
  console.log('I am ', this.name);
};
var f1 = new Foo('obj1');
var f2 = new Foo('obj2');
f1.show();  //  I am obj1
f2.show();  //  I am obj2

调用原型属性过程如下图所示：

F1中没有show()，所以通过f1的原型（__proto__指向的对象）中找，找到就用。
请注意__proto__与prototype的区别！__proto__才是真正连接原型链的东西，而prototype只是构造函数的一个指针属性而已。
所有的函数都以function Function()为构造函数，因此，所有函数（包括function Function()和function Object()）的__proto__都指向Function.prototype这个对象。
(区分函数和构造函数)
Function.prototype这个对象，它就是一个普通的对象，它的构造函数是js内置的function Object()，function Object()的prototype指向Object.prototype，因此Function.prototype.__proto__就指向Object.prototype，这个对象中定义了所有对象共有的属性，比如我们之前说的hasOwnProperty()和toString()等。

Object.prototype就是原型链的终点了，它的__proto__是null，js查找属性时，如果到这里还没有找到，那就是undefined了。