JS原型链

1、写在前面：所有的对象都有proto属性，它是一个对象
2、只有原型的原型是没有原型的
举例：
假设我现在申明个数组
var array = []
我们将array打出来，console.dir(array)

Paste_Image.png

Paste_Image.png

发现一个奇怪的现象，明明我们申明了一个空数组，却发现数组里面有很多属性。这几样属性概括起来就这几种：
1、length
length为每个数组自己的私有属性，和数组里的参数个数有关
2、array.proto
前面我们说过，所有的对象都有proto属性，而array是对象，所以array有proto属性，而它的proto是指向数组原型的。如图，数组原型有自己共有的concat() push() shift() join() slice()方法
3、array.proto.proto。再继续想，数组是对象，数组的proto指向对象原型。如图对象原型有自己共有的toString() valueOf() constructor()属性
上述问题可以反向思考：
所有的对象都有它自己共有的属性→所有的数组都有对象该有的属性→所有的数组都有它共有的属性→array应该有数组共有的属性
画图表示如下：

图片发自App

所以，假设我现在调用array.valueOf()属性，首先会找私有属性，接着找array.proto()里面，如果没有就找array.proto.proto，直到为null为止
自己构造原型链
现在我们再来思考一个问题：假设现在有两个人，他们的的姓名不同，但是都有作为人类共有的特征（呼吸，行走），那如何表达他们的属性呢？你可以说我可以分别申明如下
var person1 = {
name：小明
walk：function（）
breath：function（）
}
var person2 = {
name：小红
walk：function（）
breath：function（）
}
当然这样可以，但是会存在两个问题：1、walk（）、breath（）是它们共有的属性，每次都申明占用内存 2、每次都写一遍麻烦
那如何通过原型链的思维来简化内存简化操作呢
第一步：用一块内存专门存放二者共有属性，如：
var person_prototype ={walk：function（），breath：function（）}
第二步：让person1和person2的proto都指向该属性，如：
person1.proto = person_prototype
person2.proto = person_prototype
这就让person1和person2既保留了自己的属性，同时继承了共有属性，省内存
原型链的几个API
1、hasOwnProperty()
作用：检验有没有自己的（非公有）某个方法
例如：
obj.hasOwnProperty('toString')
检验obj有没有自己的toString方法
2、Object.create(proto,[propertiesObject])
作用：一个对象你希望它的原型是什么.这个对象的proto指向你创造的这个原型
例如：
var obj1 = Object.create(name：小明 ， walk：function（）{})
则 obj1_proto_ = name：小明 ， walk：function（）{}

Paste_Image.png