首页 > 其他 > 详细

原型,原型链,以及如何实现继承

时间:2017-10-17 20:28:14      阅读:266      评论:0      收藏:0      [点我收藏+]

 

首先,在JavaScript中,万物皆对象。

但是,对象分两种:一种是普通对象(Object),另一种是函数对象(Function);

凡是通过new Function()创建的对象都是函数对象,其他的都是普通对象;

Object和Function 都是通过new Function()创造的。

技术分享

在js中,每一个对象都有一个内部属性(__proto__),其中函数对象有prototype属性,普通对象没有;

技术分享

在控制台打印结果展开:

技术分享

如图,f的__proto__展开有原本构造函数不存在但通过构造函数的原型对象继承过来的age属性。

如此可得知,原型对象的作用,就是用来继承;__proto__是一直指向创建它的构造函数的原型对象。

如何继承:靠的是原型链。 什么是原型链?

 1 var Student = function () {
 2 
 3         this.name = "小花";
 4 
 5 }
 6 
 7 Student.prototype.name = "小华";
 8 
 9 var xiaohua = new Student();
10 
11 console.log(xiaohua .name);

通过图形来说明:

技术分享

原型链的作用,在于读取对象的某一属性时,js引擎会优先查找对象本身的属性,
如果没有,会去该对象的构造函数的原型对象(prototype)上面找,如果还是没有,就会
去构造函数的原型对象的构造函数的原型对象上寻找,如果还是找不到,一直找下去,直到
最顶层的原型对象,Object.prototype,如果还是没有,则返回undefined!

 

原型,原型链,以及如何实现继承

原文:http://www.cnblogs.com/miacara94/p/7683677.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!