【备战春招】第1天+TypeScript

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

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

3. 学习收获

   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('小猪佩奇');