JS原型链

JS作为发展了多年了对象语言，支持继承，和完全面向对象语言不同的是，JS依赖原型链来实现对象的继承。

首先JS的对象分两大类，函数对象和普通对象，每个对象均内置__proto__属性,在不人为赋值__proto__的前提下，普通__proto__属性指向其构造函数的.prototype属性，例如：

var test={};

此时test.__proto__指向Object.prototype,Object为原型链的顶端，一切对象均可追朔到Object.

function money(){};

var test=new money();

此时test.__proto__指向money.prototype.

普通对象没有prototype属性。（Object除外）

再来看函数对象：

function money(){};

此时money是一个函数对象，其__proto__指向Function.prototype

Function.prototype也是一个普通对象，又回到了上面所说的，所以Function.prototype中的__proto__属性指向Object.prototype。

这里只需记住一点，一切对象均有__proto__属性，一切对象继承链顶端都是Object对象，那么Object.prototype.__proto__又指向哪里呢？

console.log(Object.prototype.__proto__)

//null

即顶端的对象不再继承任何对象，他的父级是空。

既然知道了JS原型链，再一起来了解实际项目中的应用

这里我们定义了一个函数对象

var father=funcion(){};

var son=new father();

var son1=new father();

这里我们获得了两个普通对象son,son1

两个普通对象的__proto__均指向father.prototype，因为他们都是由father函数对象构造出来的。

如果这时我们需要为son增加一个属性，我们可以这么写

son.say=function(){alert(‘hello world!’)}

son.say();

//hello world!

当然没问题，如果我们需要son1也有同样的属性呢，son1.say=function(){alert(‘hello world!’)}

son1.say();

//hello world!

代码没有任何问题，运行良好。

如果我们用father构造了很多对象,son1,son2.....son10000,这是我们需要这些构造出来的对象都有这个属性该怎么办！

father.prototype.say=function(){alert(‘hello world!’)}

var son1000=new father();

son1000.say();

//hello world!

我们没有为son1000添加任何属性方法，但它依然可以正常运行。

来看原理：

JS约定在获取对象内置属性时，首先会去当前对象中寻找，如果找不到，则去.__proto__所指向的对象中去寻找，由于.__proto__所指向的对象本身也有.__proto__属性，所以如果没有找到则继续根据当前对象.__proto__所指向的对象去继续寻找，在整个过程中，如果找到则终止继续向上查询，否则一直会追踪到Object.prototype，如果整条链上均没有找到，那么结果就是undefined！