JS 组合继承

骑猪看日落 2022-11-01 13:53 173阅读 0赞

### JS 组合继承 ###

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    
    <body>
        <script>
            //构造函数+原型 组合继承
    
            //父类
            function Person(name, age) { 
                this.name = name;
                this.age = age;
            }
            Person.prototype.eat = function () { 
                console.log("eat方法")
            }
    
            //子类
            function Teacher(name, age, type, classNum) { 
                //构造函数继承
                //调用父类，并让父类的this指向当前子类的this
                Person.call(this, name, age);
                this.type = type;
                this.classNum = classNum
            }
    
            //原型链继承
            //不能直接把Person.prototype赋值给子类，这样改变子类就会影响父类
            //父类的实例化对象，也能访问父类的原型对象
            // 故把父类的实例化对象赋值给子类的原型对象
            Teacher.prototype = new Person();
            //修正构造器指向
            Teacher.prototype.constructor = Teacher;
    
            Teacher.prototype.do = function () { 
                console.log("备课")
            }
    
    
            var teacher1 = new Teacher("haijing", 40, "html5", 0223);
            console.log(teacher1)
            console.log(teacher1.eat)
            console.log(teacher1.constructor)
        </script>
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，173人围观）

还没有评论，来说两句吧...

相关阅读

相关组合继承

// 组合继承 function father(){ this.money = 10000000000000; this.hou

男娘i/ 2022年11月07日 04:17/ 0 赞/ 168 阅读

相关 JS 组合继承

JS 组合继承 <!DOCTYPE html> <html lang="en"> <head> <meta c

骑猪看日落/ 2022年11月01日 13:53/ 0 赞/ 174 阅读

相关 “组合”优于“继承”

《极限编程》(Extreme programming)的指导原则之一是“只要能用，就做最简单的”。一个似乎需要继承的设计常常能够戏剧性地使用组合来代替而大简化，从而使其更加灵活

古城微笑少年丶/ 2022年07月16日 19:39/ 0 赞/ 160 阅读

相关 js继承6-----寄生组合式继承

组合继承是Javascript最常用的继承模式；不过，他也有自己的不足。组合继承最大的问题就是无论什么情况下，都会调用两次超类型构造函数：一次是在创建子类型原型的时候，另一

朱雀/ 2022年06月10日 10:43/ 0 赞/ 199 阅读

相关 js继承之-----组合继承

组合继承(combination inheritance),有时候也叫做伪经典继承，指的是讲原型链和借用构造函数的技术组合到一起，从而发挥二者之长。思路：是使用原型链实现对

今天药忘吃喽~/ 2022年06月10日 07:10/ 0 赞/ 224 阅读

相关组合和继承

来自java编程思想中文版，第四版；页码：P5 young-youth 写于：2018年3月16日15:25:13

╰半橙微兮°/ 2022年05月29日 04:08/ 0 赞/ 222 阅读

相关 JavaScript -- 组合继承

使用原型链来实现继承，看如下代码 function SuperType(){ this.colors = ["red", "blue", "gree

分手后的思念是犯贱/ 2022年04月04日 10:16/ 0 赞/ 224 阅读

相关组合与继承

开始准备面试了，把之前在有道云里面的笔记重新复习一遍，又有新的体会，感觉以前没那么清楚的问题理解更透彻了，和这半年的具体实践也有很大关系吧。索性把这些笔记搬到博客分享给需要的人

Myth丶恋晨/ 2022年03月19日 06:40/ 0 赞/ 310 阅读

相关组合继承代理

要想复用代码，java中有两种方式。一种只需在新类中产生现有类的对象。由于新的类是由现有类的对象组成，所以这种方法称为组合；另一种方式按照现有类的类型来创建新类，无需改变现有类

妖狐艹你老母/ 2022年03月15日 10:52/ 0 赞/ 195 阅读

相关 javascript的继承——组合继承

组合继承是指子类同时对父类进行原型链继承和构造函数继承，也是实际开发中常用的继承方式。如果对原型链继承和构造函数继承还不清楚的同学可以点下面的传送门：原型链继承：[传送门]

柔情只为你懂/ 2021年12月05日 20:47/ 0 赞/ 385 阅读