JavaScript类继承

最新推荐文章于 2025-09-18 20:48:32 发布

转载最新推荐文章于 2025-09-18 20:48:32 发布 · 466 阅读

文章标签：

#nodejs

nodejs 专栏收录该内容

17 篇文章

订阅专栏

本文详细解析JavaScript中基类与子类的概念，通过实例展示了如何实现子类，并且覆盖了子类如何调用父类方法的过程。

<script type="text/javascript">
　　 //基类
    function BaseClass(){
        alert('BaseClass');    
    }
    
　　
    BaseClass.prototype.hello = function(){
            alert("BaseClass.hello")
    }
    //子类
    function SubClass(){
        alert("SubClass")    
　　　　 //覆写父类的方法
        this.hello = function(){
　　　　　　  BaseClass.prototype.hello.call(this);//调用父类的方法
            alert("SubClass hello")    ;
        }
    }
    //设置子类的基类
    SubClass.prototype = new BaseClass();
　　//设置子类的构造函数
    SubClass.prototype.constructor =SubClass;  
    
    window.onload = function(){
            var subClass = new SubClass();
            subClass.hello();//调用的是子类的hello,如果去掉子类的hello,那么默认调用的是父类的hello
    }
    </script>