自己搞一个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());