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

 

首先,在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!

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值