zoukankan      html  css  js  c++  java
  • js继承-借用构造函数继承父类型方法

    借用构造函数继承父类型方法

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>借用构造函数继承父类型方法</title>
    </head>
    <body>
        <script>
            // 借用父构造函数继承属性
            //1.父构造函数
            function Father(name,age) {
                this.name = name;
                this.age =age;
            }
            Father.prototype.money = function () {
                console.log(111)
            }
            //2.子构造函数
            function Son(name,age) {
                //this指向子构造函数的实例
                Father.call(this,name,age)
                this.score =88
            }
            Son.prototype = new Father();
            //如果利用对象的形式修改了原型对象,别忘了利用constructor指回原来的构造函数
            Son.prototype.constructor =Son;
            //这个是子构造函数专门的方法
            Son.prototype.exam = function () {
                console.log('孩子要考试')
            }
            var son = new Son('张三',18);
            console.log(son)
            console.log(Father.prototype)
            console.log(Father.prototype.constructor)
    
        </script>
    </body>
    </html>

    运行结果

    分析图:

  • 相关阅读:
    C语言I博客作业06
    C语言I博客作业05
    C语言I博客作业04
    C语言I博客作业02
    C语言II博客作业04
    C语言II博客作业03
    C语言II博客作业02
    C语言II博客作业01
    学期总结
    C语言I博客作业08
  • 原文地址:https://www.cnblogs.com/malong1992/p/12831005.html
Copyright © 2011-2022 走看看