Web 前端开发

JS--继承(构造函数继承)

2017-02-28  本文已影响0人  FeRookie

今天我们进一步介绍JavaScript继承的内容,前面一章介绍了如何利用原型链继承,但是原型链继承中也会出现一些不必要的问题,例如引用类型会造成的一些困扰。今天要介绍如何借用构造函数进行继承。

借用构造函数的技术又可以称之为伪造对象或者是经典继承,这种方法的主要思想是在子类型的构造函数的内部调用父类型的构造函数,记住,函数是在特定环境中执行代码的对象。我们可以利用apply和call()方法可以在新创建的对象上执行构造函数。

可以看到Sub中借用了父类型的构造函数,通过使用call方法。实际上,我们是在新创建的Sub实例的环境中调用了Super的构造函数,这样,在新的Sub对象上执行所以定义在Super中所有初始化对象的代码,这样Sub的所以实例对象都有自己的color属性。

之前说过原型链继承还有一个缺点就是不能够传递参数,那么在借用构造函数的方法中,可以在子类型构造函数中向父类型构造函数中传递参数。

在上面代码中,Super值接受了一个参数name,该参数会直接赋给一个属性。在Sub构造函数中调用Super构造函数的时候,实际上是为了Sub的实例设置了name属性,为了确保Super不会重写子类的属性,可以在调用父类型构造函数后,再添加应该在子类型的属性,例如age。

借用构造函数的方法也会存在它自己的问题。如果都定义在构造函数中了,那么之前所说的函数复用也就无法实现,而且定义在父类原型上的方法和属性都无法实现继承。

组合继承(又叫做伪经典继承),指的是将原型链和借用构造函数的方式结合到一起。其中的中心思想是使用原型链实现对原型属性和方法的继承,而通过构造函数实现对实例属性的继承,这样在原型上定义的方法实现了函数的复用,又可以保证每个实例都具有自己的属性。

上面就是组合继承的例子,利用原型链和构造函数进行的继承。Father定义自己的实例属性和原型上的方法,Son首先在构造函数中调用了Father,并且传入了name,然后又定义了自己的属性。下一步又将Father的实例赋值给了Son的原型,这样Son的原型通过_proto__指向了Father的prototype,但是我们要改一下Son的constructor指针,最后我们又定义了Son原型上自己的方法,这样我们就完成了构造函数继承和原型链的结合。

上一篇下一篇

猜你喜欢

热点阅读