/*
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());