美文网首页小白的H5成长之路Web前端之路
《小白H5成长之路45》JS如何实现一个完美的类继承

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

作者: 老炉传说 | 来源:发表于2018-01-24 14:59 被阅读43次

“朱哥,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成长之路》的动力!

相关文章

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

    “朱哥,C#和java中的构造函数我明白什么意思,可是在js中并没有定义构造函数的说明,javascript中的构...

  • 请使用Js代码写出一个类继承的模型

    // 请使用Js代码写出一个类继承的模型// 请使用Js代码写出一个类继承的模型,需包含以下实现:// 定...

  • JS继承

    JS继承的几种实现方式 继承是指子类继承父类的属性和方法,要实现继承,首先我们需要有一个父类 原型链继承 原型链继...

  • js实现继承的几种方式

    JS继承的实现方式:既然要实现继承,那么首先我们得有一个父类,代码如下: 1、原型链继承核心: 将父类的实例作为子...

  • 1、js继承方式

    JS继承的实现方式既然要实现继承,那么首先我们得有一个父类,代码如下: 1、原型链继承 特点: 非常纯粹的继承关系...

  • 继承

    JS继承的实现方式既然要实现继承,那么首先我们得有一个父类,代码如下: // 定义一个动物类 1、原型链继承 核心...

  • 继承

    JS继承的实现方式 既然要实现继承,那么首先我们得有一个父类,代码如下: // 定义一个动物类 function ...

  • JS继承

    JS中的继承 许多OO语言都支持两种继承方式:接口继承和实现继承; 因为JS中没有类和接口的概念 , 所以JS不支...

  • JS继承的实现的几种方式

    前言 JS作为面向对象的弱类型语言,继承也是非常强大的特性之一,那么如何在JS实现继承呢? JS继承的实现方式 既...

  • 对于js的prototype(原型)及其一些衍生的理解

    在js中是没有类的,今天就在想一个问题在js中如何实现继承然后在网上看到一个方法引起了 我对js原型链的兴趣 然后...

网友评论

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

    本文链接:https://www.haomeiwen.com/subject/jqbrwxtx.html