master

分支 (1)

管理

管理

master

ESC6
/
继承.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>继承</title>
</head>
<body>
    <script>
        // 之前的继承
        // function Parent() {
        //     this.name = '你猜猜';
        //     this.age = 66;
        // }
        // Parent.prototype.showName=function(){
        //     return this.name;
        // }
        // function Child(){
        //     Parent.call(this)
        //     this.type='chis'
        // }
        // Child.prototype = Object.create(Parent.prototype)
        // Child.prototype.constructor = Child;

        // var c = new Child()
        // console.log(c.showName())

        // 之前的继承

        // function Person(name,age){
        //     this.name=name;
        //     this.age=age;
        // }
        // Person.prototype.showName=function(){
        //     return this.name;
        // }
        // Person.prototype.showAge=function(){
        //     return this.age;
        // }
        // function Child(name,age){
        //     Person.apply(this,arguments)
        // }
        // Child.prototype = new Person()

        // var c1 = new Person('abc',10)
        // var c2 = new Person('ddd',20)

        // console.log(c2.showName())


        // 现在的继承
       class Person{
            constructor(name='defult',age=0){
                this.name=name;
                this.age=age
            }
            showName(){
                return this.name;
            }
            showAge(){
                return this.age;
            }
        }
        class Child extends Person{
            constructor(name,age,job='挖矿的'){
                super(name,age);
                this.job=job;
            }
            showJob(){
                // return "您的工作是暂时的"
                return this.job;
            }
        }
        var p1 = new Child('hhh',101)
        console.log(p1.showAge())
        console.log(p1.showJob())

        // function Parent() {
        //     this.name = '你猜猜我是谁';
        //     this.age = 66;
        // }
        // Parent.prototype.showName=function(){
        //     return this.name;
        // }
        // // function Child(){
        // //     Parent.call(this)
        // //     this.type='chis'
        // // }
        // class Child extends Parent{
        // }

        // var c = new Child()
        // console.log(c.showName())
    </script>

</body>
</html>