原型、原型链、继承

原型对象、 构造函数、实例对象
原型对象:这个要从构造函数开始说起,每个构造函数都会带有一个 prototype 属性。该属性是个指针,指向了一个对象,我们称之为 原型对象。什么是指针?指针就好比学生的学号,原型对象则是那个学生。我们通过学号找到唯一的那个学生。假设突然,指针设置 null, 学号重置空了,不要慌,对象还存在,学生也没消失。只是不好找了,用代码来解释可以这样

构造函数:简单来说我们声明一个方法function Person(),Person()就是我们所说的构造函数,原型对象上默认有一个属性 constructor,该属性也是一个指针,指向其相关联的构造函数,用代码来解释可以这样写

实例对象:new一个构造函数会产生一个实例,实例对象都有一个内部属性__proto__,指向了原型对象。所以实例能够访问原型对象上的所有属性和方法,代码可以这样写

所以三者的关系是,每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。通俗点说就是,实例通过内部指针可以访问到原型对象,原型对象通过constructor指针,又可以找到构造函数。

例子

首先我们定义了一个构造函数 Person(), Person.prototype 指向的原型对象,原型对象自带的属性construtor又指回了 Person,那么 Person.prototype.constructor == Person. 前面我们说了实例对象person由于其内部指针__proto__指向了该原型对象Person.prototype,所以可以访问到 action方法

原型链
我们知道,实例有一个内部指针_proto__,指向它的原型对象,并且可以访问原型对象上的所有属性和方法。person实例指向了Person的原型对象,可以访问Person原型对象上的所有属性和方法;如果Person原型对象变成了某一个类的实例 xxx,这个实例又会指向一个新的原型对象 XXX,那么 person此时就能访问 xxx的实例属性和 XXX原型对象上的所有属性和方法了。同理,新的原型对象XXX碰巧又是另外一个对象的实例zzz,这个实例zzz又会指向新的原型对象 ZZZ,那么person此时就能访问 zzz的实例属性和 ZZZ原型对象上的所有属性和方法了,当我们一直顺着往上找的话,最终会指向一个null,这就是原型链的终点。

原型链继承
上面的代码首先定义了一个 Person构造函数,通过new Person()得到实例,会包含一个实例属性 type 和一个原型属性 superFunction。另外又定义了一个Child构造函数。然后情况发生变化Child.prototype = new Person(),将Child的原型对象覆盖成了 person 实例。当 child 去访问superFunction属性时,js会先在child的实例属性中查找,发现找不到,然后,js就会去child的原型对象上去找,child的原型对象已经被我们改成了一个person实例,那就是去person实例上去找。先找person 的实例属性,发现还是没有 superFunction, 最后去 person 的原型对象上去找,最后才找到,代码解释如下

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值