javascript 原形链的江湖恩怨

写在前面

说到原型链这个爱恨交织、错综复杂的东西，今天我们就来看看这是个神马东东
首先追本溯源，为啥有原型链这么个东西，这就要讲到原型，继承，对象这些概念

1. 对象

对象 object 说到对象的概念，我们都会仰天长叹：万物皆对象；
在不同的编程语言中,设计者也利用各种不同的语言特性来抽象描述对象,最为成功的流派是使用“类”的方式来描述对象,这诞生了诸如 C++、Java 等流行的编程语言，

然而 JavaScript 为了保证对象之间的联系，引入了原型与原型链的概念

2. 原型(prototype)与原型链

那什么是原型呢

原型是顺应人类自然思维的产物，中文中有个成语叫做“照猫画虎”，这里的猫看起来就是虎的原型，

在JavaScript中，原型也是一个对象，通过原型可以实现对象的属性继承，JavaScript的对象中都包含了一个[[Prototype]]的内部属性，这个属性所对应的就是该对象的原型。

然而"[[Prototype]]“作为对象的内部属性，是不能被直接访问的。所以为了方便查看一个对象的原型，Firefox和Chrome中提供了"proto"这个非标准（不是所有浏览器都支持）的访问器（ECMA引入了标准对象原型访问器"Object.getPrototype(object)”）

原型链又是什么呢

因为每个对象和原型都有原型，对象的原型指向对象的父，而父的原型又指向父的父，这种原型层层连接起来的就构成了原型链。

当查找一个对象的属性时，JavaScript 会向上遍历原型链，直到找到给定名称的属性为止，到查找到达原型链的顶部（也就是 “Object.prototype”）， 如果仍然没有找到指定的属性，就会返回 undefined。

3. 知识点解析

如果说js是基于对象的，那么它也是基于原型的，现在我们先来理解几个点：

1. 对象和函数可以说是相辅相成，对象都是函数创建出来的

你会不会抬杠的问：
var a  = {name: 'nihao'}
那你知道不，其实这段代码是这样的：
 var a = new Object()
 a.name = 'nihao'
 你看还是函数创建出来的

3. 函数也是一个对象,不信你看

var fn = function(){}
fn instanceof Object // true

4. 每个实例对象（object ）都有一个私有属性__proto__
5. 每个函数都有一个 prototype 属性
6. 对象的私有属性__proto__指向它的原型对象prototype，该原型对象也有一个自己的原型对象__proto__
7. 只有原型对象才有constructor属性,constructor属性其实是一个Object，指向同名的构造函数
8. 依次层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾，即直到一个对象的原型对象为 null，根据定义，null 没有原型，并作为这个原型链中的最后一个环节。

根据这几个点，我们通过几张图来简单理解一下

再来一层

当把函数也看做一个对象的时候，对象就有__proto__属性，图形就更复杂了