【备战春招】第1天+TypeScript

专为TypeScript小白打造的系统入门课程+https://coding.imooc.com/class/610.html + 第二章（2-6）+ Dell

这小结带我们快速入门了TypeScript的基础内容

学习收获

1. // TypeScript的基础数据类型：string, number, boolean
   // const 变量名:数据类型 = 数据;
   const StuName:string = "李白";
   const Stu_age:number = 12;
   const Stu_sex:boolean = true;

2. // 数组类型
   // const 变量名: 数据类型[] = [];
   const numberArr: number[] = [12,312,312]; // 如果数组里面有一个不是number类型的就报错
   const stringArr: string[] = ["张三","李四","王麻子"]; // 如果数组里面有一个不是string类型的就报错

3. // 泛型:在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的
   const booleanArr: Array<boolean> = [true,false]

4. // 对象类型
   // let 对象:{变量名1:数据类型,变量名2:数据类型} = {变量名1:数据,变量名2:数据}
   let Student:{uname:string,age:number} = {uname:'李白',age:22};

5. // age? 表示年龄可有可无
   let StudentA: {uname:string,age?:number} = {uname:'杜甫'}
   let StudentA: {uname:string,age?:number} = {uname:'杜甫',age:21}

6. // 联合类型
   // id既可以是string类型 ，也可以是 number类型
   // 通过 typeof 判断id的数据类型，并做出相应的方法
   function union(id: string | number){
       // 如果id是字符转大写
       if(typeof id == 'string'){
           console.log(id.toUpperCase());
       }else {
           console.log(id)
       }
   }

7. // 类型别名(解决类型复用问题)
   type User = {name: string, age: number}
   const userTwo: User = {name: 'dell', age: 18};
   const userThree: User = {name: 'libai', age: 18};

8. // any类型：可以赋予任意类型的值
   // 展示信息的函数
   function showMessage(message: any){
       console.log(message);
   }
   showMessage(4);
   showMessage('小猪佩奇');