继承----ES6的继承语法

什么是继承?
    继承是发生在父子级关系中的现象
    继承 是 构造函数 的高级应用

    就是两个互为父子级关系的构造函数的应用
    子级构造函数,继承的是父级构造函数的属性和方法

    常见的继承操作,分为 ES5 的继承语法 和 ES6 的继承语法

实际项目中一般不会直接使用继承语法,一般都是通过框架来完成继承,不用专门去写去定义

主要是为了应对面试

最好是将 面试答案 按照自己的理解 来 表述

<script>
    // 继承是 两个父子级关系的构造函数之间的应用

    // 如何定义一个构造函数
    // ES5语法
    // function Fun1(name,age){
    //     // 定义属性
    //     this.name = name;
    //     this.age = age;
    // }
    // // 定义方法
    // Fun1.prototype.f1 = function(){
    //     console.log(this.name,this.age);
    // }

    // ES6语法
    // class Fun2{
    //     // 构造器中定义属性
    //     constructor(name,age){
    //         this.name = name;
    //         this.age = age;
    //     }

    //     // 定义方法
    //     f2(){
    //         console.log(this.name,this.age);
    //     }
    // }

    // ES6的继承语法
    // 先定义父级构造函数 Father
    // 通过 extends 来指定 继承的父级的构造函数名称
    // 在构造器 constructor 中 通过 super 来 指定,哪个属性来自于父级构造函数
    // extends 关键词 指定父级构造函数
    // super 指定 属性来源父级

    // 继承属性,如果父级中有多个属性
    // 在 super 中, 只继承一部分,并且只设定一部分,没有设定的,执行结果是 undefined

    // 父级的属性 可以 只继承部分
    // 其他的属性 如果没有操作, 是 undefined
    // 也可以在子级中,定义父级属性的数据数值

    // 子级中也可以定义新的属性和属性值




    // 定义父级构造函数

    function Father(name,age){
        this.name = name;
        this.age = age;
    }
    Father.prototype.f1 = function(){
        console.log(this.name,this.age);
    }

    // extends 指定从 Father 构造函数中,执行继承操作
    class Son extends Father{
        constructor(name,age,sex){
            // 在构造其中,通过 super 来指定,从父级继承来的属性

            // 继承父级的name
            super(name);
            // 自行定义父级的age
            this.age = age;
            // 自定义属性sex和sex的数值
            this.sex = sex;
        }

        // 自定义方法
        f2(){
            console.log('我是自定义的子级方法');
        }

    }

    const obj1 = new Father('张三' , 18);
    console.log(obj1);

    // 属性是直接继承父级中,定义的属性的形式
    // 方法是调用父级中定义的方法
    const obj2 = new Son('李四' , 20 , '男');
    console.log(obj2);
    /*
    总结  ES6的继承语法
    1,继承语法是为了,简化代码,防止重复代码的出现
    2,继承是两个构造函数之间的应用
    3,ES6语法,默认是继承父级构造函数的所有的属性和所有方法
        属性如果没有指定数据,执行结果是undefined
        方法是通过原型链,找到父级构造函数中,定义的方法
    4,语法形式:
        class 子级 extends 父级{
            constructor(属性参数...){

                先写继承的属性,再写自定义的属性
                super(继承父级的属性);

                自定义属性
            }

            自定义的方法
            自定义方法(){

            }
        }

    */
</script>