JavaScript中继承关系,及prototype,__proto__,constructor属性关系

JavaScript中的继承

继承是oo语言中最重要的概念。许多oo语言中都支持两种继承关系:接口继承和实现继承。JavaScript中只支持实现继承,而且实现继承主要是靠原型链来实现的。

储备知识

1、prototype属性:

prototype属性只存在于函数中,这个属性指向一个对象引用,这个对象就是该函数的原型对象。每个函数都包含不同的原型对象,当函数用作构造函数时创建函数时,新创建的对象就会从它构造函数的原型对象上面继承属性和方法。(后面详细讨论)。

2、__proto__属性

所有对象都有一个内置的属性[[Prototype]],这个属性只对js引擎可见,我们无法访问,但大所属浏览器厂商都为对象提供了一个可访问的属性:_ proto_,这个属性存放着对象内置属性[[Prototype]]的指针,可以理解为__proto__就是[[Prototype]]。(__proto__在ES6时成为标准,在ES6之前取决于浏览器的支持情况)。

__proto__属性存在于所有对象之中,这个__proto__属性指向对象构造函数的原型对象(prototype)。当对象在查找属性时,如果无法在对象本身找到需要的属性,就会继续访问对象__proto__属性并一次往上查找,这就是原型链。

3、constructor

所有函数的原型对象都会自动创建一个constructor属性,这个属性包含一个指向prototype属性所在函数的指针。

构造函数创建对象的继承模式

上面说的知识点有点复杂,举个栗子:
在这里插入图片描述
在这里插入图片描述
person._ proto_ == Person.prototype;
Person.prototype.constructor == Person;
person.name == “xiaohong”

Person.prototype就包含了所有Person实例共享的属性和方法,当实例创建完了之后,person上面没有name但它__proto__上面有,所以它会找到__proto__的name。

原型式继承

先看一个例子:
在这里插入图片描述在这里插入图片描述
Object.create(Obj1)会返回一个新对象,这个新对象的__proto__就是传入的第一个参数Obj1。
因为没有用到构造函数,所以不会出现constructor属性。
这个继承方法可以避免使用笨重的构造函数。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值