js-原型链

在谈原型链之前，我们首先要了解自定义函数与 Function 之间是什么关系，而构造函数、原型和实例之间又存在什么千丝万缕的关系呢？其实，所有的函数都是 Function 的实例。在构造函数上都有一个原型属性 prototype，该属性也是一个对象；那么在原型对象上有一个 constructor 属性，该属性指向的就是构造函数；而实例对象上有一个 _proto_ 属性，该属性也指向原型对象，并且该属性不是标准属性，不可以用在编程中，该属性用于浏览器内部使用。

每个实例对象（object ）都有一个私有属性（称之为 __proto__）指向它的原型对象（prototype）。该原型对象也有一个自己的原型对象，层层向上直到一个对象的原型对象为 null。根据定义，null 没有原型，并作为这个原型链中的最后一个环节。

几乎所有 JavaScript 中的对象都是位于原型链顶端的Object的实例。

 1  <script>
 2         //动物--->人---->老师---->坏老师
 3 
 4         function Animal(){
 5             this.gender = "male";
 6         }
 7 
 8         Human.prototype = new Animal();
 9         Human.prototype.constructor = Human;
10 
11         function Human(){
12             this.actionWay = "走路";
13         }
14 
15         Teacher.prototype = new Human();
16         Teacher.prototype.constructor = Teacher;
17         function Teacher(){
18             this.skill = "教书";
19         }
20 
21         BadTeacher.prototype = new Teacher();
22         BadTeacher.prototype.constructor = BadTeacher;
23         function BadTeacher(){
24             this.name = "张三";
25         }
26 
27         var t = new BadTeacher();
28         console.log(t);

console.log(t.skill); //教书
console.log(t.gender); //male

29     </script>

由于电脑没有安装画图软件，我就手工画了一个示例图。

解释上面红色代码的含义：

原型对象在创建出来的时候，会默认的有一个constructor属性指向对应的构造函数
在使用新的对象替换掉默认的原型对象之后，原型对象中的constructor属性会变成 Object
为了保证整个构造函数---原型----对象之间的关系的合理性
应做如下操作：在替换原型对象的时候，在新的原型对象中手动添加 constructor 属性

1、原型链

1）构造函数、原型和实例的关系

①构造函数都有一个属性prototype，这个属性是一个对象（Object的实例）

②原型对象prototype里面有一个constructor属性，该属性指向原型对象所属的构造函数

③实例对象都有一个_proto_属性，该属性也指向构造函数的原型对象，它是一个非标准属性，不可以用于编程，它是用于浏览器自己使用的

2）prototype与_proto_的关系

①prototype是构造函数的属性

②_proto_是实例对象的属性

——这两者都指向同一个对象

【总结】i）函数也是对象，对象不一定是函数；

ii）对象的本质：无序的键值对集合；键值对当中的值可以是任意数据类型的值

iii）对象就是一个容器，这个容器当中放的是（属性和方法）

3）属性搜索

　　①在访问对象的某个成员的时候会先在对象中找是否存在

　　②如果当前对象中没有就在构造函数的原型对象中找

　　③如果原型对象中没有找到就到原型对象的原型上找

　　④直到Object的原型对象的原型是null为止

猜你喜欢