《小白H5成长之路45》JS如何实现一个完美的类继承

“朱哥，C#和java中的构造函数我明白什么意思，可是在js中并没有定义构造函数的说明，javascript中的构造函数到底在哪儿了？”小白找到老朱问道。

老朱说：“你可以把定义类的时候function主体都看作是它的构造函数，通过prototype添加的方法看作是类的公共方法，这样就好理解了。你看下面这个类。”

小白看了一下说道：“上面Obj1的function主体就是构造函数吧！它里面的getName方法属于构造函数中的方法。后面通过prototype添加的showName就不属于构造函数了。”

老朱：“恩！分析的不错！你听过javascript中的call方法么？”

小白：“以前看别人做flash的时候，把flash中的函数与js中函数进行通信的时候会用到call方法。不过我没有用过！”

老朱：“对！就是那个call方法。这个方法是让当前对象的构造函数与另一个对象构造函数进行融合。比如我新创建一个对象，在新对象的构造函数中使用call方法。”

“通过这种模式Obj2对象就可以把Obj1的构造函数全部继承过来。虽然Obj2里面没有定义name属性和getName方法，我们实例化Obj2以后却可以使用它们。”

“构造函数里面的变量name和方法getName都可以使用，但是showName我们是通过prototype原型添加的，所以就无法使用了！”

小白说：“那怎样才能又继承构造函数还能继承prototype的方法呢？”

老朱说：“昨天我们说的那个继承还记得吧！昨天通过prototype原型继承构造函数有问题，我们把今天这两种组合到一起就完美了啊！你自己试试看！”

小白：“哈哈！可以使用了，两种方式组合后即实现了构造函数继承又实现了公共方法的继承！JS真是太灵活了。”

老朱说道：“还有些其他的继承实现的方法，这里我们先不说了，等你js特别熟练以后再看别的继承可能会更容易理解。目前你学到的继承知识已经够用了。另外刚刚我们定义的Obj2构造函数中没有设置自己的变量和方法，你也可以自己练习的时候添加上看看。”

想学H5的朋友可以关注老炉，您的关注是我持续更新《小白HTML5成长之路》的动力！