OOP in Javascript(3)

最新推荐文章于 2023-11-14 15:18:52 发布

cooleader320

最新推荐文章于 2023-11-14 15:18:52 发布

阅读量522

点赞数

CC 4.0 BY-SA版权

分类专栏： Web 开发文章标签： javascript oop function inheritance

本文链接：https://blog.youkuaiyun.com/cooleader320/article/details/2975632

Web 开发专栏收录该内容

50 篇文章

订阅专栏

本文介绍两种JavaScript中的继承实现：一种是通过原型链实现方法的继承，另一种是通过构造函数调用实现属性继承。同时展示了如何使用这两种方法创建继承关系，并演示了如何重写父类的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Inheritance in Javascript

  <script language="javascript" type="text/javascript">
    <!-- 
        function SuperClass(){
            //attach method supperTest 
            this.superTest=superTest;
        }
        
        function subClass(){
            this.inheritFrom = SuperClass;
            this.inheritFrom();
            this.subTest=subTest;// subTest 
        }
        
        
        function superTest() {
          return "superTest";
        }
          
        function subTest() {
          return "subTest";
        }
        
        //use example 
        var obj =new subClass();
        alert(obj.subTest());
        alert(obj.superTest());
        
        
        //another way of inheritance 
        
        Person=function(name)
        {   
            this.name=name
        };
        Person.prototype={
            Speak:function(msg){
                alert(this.name + ":" + msg);
            },
            Walk:function(){
                alert(this.name + ":" + "walk");
            }
        };
        
        //test person 
        var p=new Person("person");
        p.Speak("GC");
        p.Walk();
        
        
        
        //student derive from class person 
        Student =function(){
        };
        //inherit from Person 
        Student.prototype=new Person();
        //add methods 
        Student.prototype.Study=function(){
            alert("Benny studies!");
        }
        
        //test student 
        var s=new Student();
        s.name="benny.s.xu";
        s.Walk();
        s.Speak("newegg");
        
        //override speak method 
        Student.prototype.Speak=function(){
            alert("override speak method");
        } 
        s.Speak();
        
    -->
    </script>