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属性。
这个继承方法可以避免使用笨重的构造函数。