ts中的类的定义，继承和修饰符

自己搞一个ts文件

里面写代码如下，试一下就行了

/*
1、vscode配置自动编译

    1.第一步   tsc --inti 生成tsconfig.json   改 "outDir": "./js",  

    2、第二步 任务 - 运行任务  监视tsconfig.json

2、typeScript中的数据类型

    typescript中为了使编写的代码更规范，更有利于维护，增加了类型校验，在typescript中主要给我们提供了以下数据类型

        布尔类型（boolean）
        数字类型（number）
        字符串类型(string)
        数组类型（array）
        元组类型（tuple）
        枚举类型（enum）

        任意类型（any）
        null 和 undefined
        void类型
        never类型

3、typeScript中的函数

    3.1、函数的定义
    3.2、可选参数
    3.3、默认参数
    3.4、剩余参数
    3.5、函数重载
    3.6、箭头函数  es6
4、typeScript中的类

    4.1 类的定义
    4.2 继承
    4.3 类里面的修饰符
    4.4 静态属性 静态方法
    4.5 抽象类 继承 多态

*/

//1、ts中类的定义

    /*
    es5:

        function Person(name){

            this.name=name;

            this.run=function(){

                console.log(this.name)
            }
        }

        var p=new Person('张三');

        p.run()
    */

  /*
        ts中定义类：

            class Person{

                name:string;   //属性  前面省略了public关键词

                constructor(n:string){  //构造函数   实例化类的时候触发的方法
                    this.name=n;
                }

                run():void{

                    alert(this.name);
                }

            }
            var p=new Person('张三');

            p.run()

  */

    /*
    class Person{

        name:string; 

        constructor(name:string){  //构造函数   实例化类的时候触发的方法
            this.name=name;
        }

        getName():string{

            return this.name;
        }
        setName(name:string):void{

            this.name=name;
        }
    }
    var p=new Person('张三');

    alert(p.getName());

    p.setName('李四');

    alert(p.getName());

*/

//2、ts中实现继承  extends、 super

    // class Person{

    //     name:string;

    //     constructor(name:string){
    //         this.name=name;
    //     }

    //     run():string{

    //         return `${this.name}在运动`
    //     }
    // }
    // // var p=new Person('王五');
    // // alert(p.run())

    // class Web extends Person{
    //     constructor(name:string){

    //         super(name);  /*初始化父类的构造函数*/
    //     }
    // }

    // var w=new Web('李四');
    // alert(w.run());

    //ts中继承的探讨  父类的方法和子类的方法一致

        // class Person{

        //     name:string;

        //     constructor(name:string){
        //         this.name=name;
        //     }

        //     run():string{

        //         return `${this.name}在运动`
        //     }
        // }
        // // var p=new Person('王五');
        // // alert(p.run())

        // class Web extends Person{
        //     constructor(name:string){

        //         super(name);  /*初始化父类的构造函数*/
        //     }
        //     run():string{

        //         return `${this.name}在运动-子类`
        //     }
        //     work(){

        //         alert(`${this.name}在工作`)
        //     }
        // }

        // var w=new Web('李四');
        // // alert(w.run());

        // // w.work();

        // alert(w.run());

// 3 类里面的修饰符  typescript里面定义属性的时候给我们提供了 三种修饰符

/*
    public :公有          在当前类里面、 子类  、类外面都可以访问
    protected：保护类型    在当前类里面、子类里面可以访问 ，在类外部没法访问
    private ：私有         在当前类里面可以访问，子类、类外部都没法访问

    属性如果不加修饰符 默认就是 公有 （public）

*/

//public :公有          在类里面、 子类  、类外面都可以访问

            //   class Person{

            //         public name:string;  /*公有属性*/

            //         constructor(name:string){
            //             this.name=name;
            //         }

            //         run():string{

            //             return `${this.name}在运动`
            //         }
            //     }
            //     // var p=new Person('王五');
            //     // alert(p.run())

            //     class Web extends Person{
            //         constructor(name:string){

            //             super(name);  /*初始化父类的构造函数*/
            //         }
            //         run():string{

            //             return `${this.name}在运动-子类`
            //         }
            //         work(){

            //             alert(`${this.name}在工作`)
            //         }
            //     }

            //     var w=new Web('李四');

            //     w.work();

        //类外部访问公有属性

                //   class Person{

                //     public name:string;  /*公有属性*/

                //     constructor(name:string){
                //         this.name=name;
                //     }

                //     run():string{

                //         return `${this.name}在运动`
                //     }
                // }

                // var  p=new Person('哈哈哈');

                // alert(p.name);

//protected：保护类型    在类里面、子类里面可以访问 ，在类外部没法访问

            //   class Person{

            //         protected name:string;  /*公有属性*/

            //         constructor(name:string){
            //             this.name=name;
            //         }

            //         run():string{

            //             return `${this.name}在运动`
            //         }
            //     }
                // var p=new Person('王五');
                // alert(p.run())

                // class Web extends Person{
                //     constructor(name:string){

                //         super(name);  /*初始化父类的构造函数*/
                //     }
                //     work(){

                //         alert(`${this.name}在工作`)
                //     }
                // }

                // var w=new Web('李四11');

                // w.work();

                // alert( w.run());

        //类外外部没法访问保护类型的属性

                // class Person{

                //     protected name:string;  /*保护类型*/

                //     constructor(name:string){
                //         this.name=name;
                //     }

                //     run():string{

                //         return `${this.name}在运动`
                //     }
                // }

                // var  p=new Person('哈哈哈');

                // alert(p.name);

// private ：私有        在类里面可以访问，子类、类外部都没法访问

                // class Person{

                //     private name:string;  /*私有*/

                //     constructor(name:string){
                //         this.name=name;
                //     }

                //     run():string{

                //         return `${this.name}在运动`
                //     }
                // }

                // class Web extends Person{

                //     constructor(name:string){
                //         super(name)
                //     }

                //     work(){

                //         console.log(`${this.name}在工作`)
                //     }
                // }

    class Person{

        private name:string;  /*私有*/

        constructor(name:string){
            this.name=name;
        }

        run():string{

            return `${this.name}在运动`
        }
    }

    var p=new Person('哈哈哈');

    alert(p.run());