TS:第二章 数据类型

84 阅读1分钟

基本数据类型

    let age:number = 10;
    let name:string = 'lxl';
    let boo:boolean = false;
    let udf:undefined = undefined;
    let null:null = null;

ts定义数组

  1. 注意事项: 在真实的开发中, 数组一般存放相同的类型, 不要存放不同的类型
   let array1:string[] = ['222','3333','444'];
   let array2:array<string> = ['2222','333','555']

ts定义对象

    type person = {
        name:string,
        age:number
    }
    let info:person ={
        name:'lxl',
        age:18
    }
    
    console.log(info.name)

ts的any类型

  1. any 意味着你可以给这个变量赋值任意的类型
    let a:any = 0|'0'|false|{}|[]

ts的unknow

  1. unknown类型默认情况下在上面进行任意的操作都是非法的;
    lef un:unknow = 'aa';

ts中函数参数的类型以及返回值

  1. 函数参数
    function sum(num1:number,num2:number){
            return num1+num2;
    }
    
    sum(10,20) //30
  1. 返回值
    function sum(num1:number,num2:number):number {
            return num1+num2;  //限定了返回值为number类型,只能return number ;否则报错
        }
       sum(10,20) // 30
  1. 对象类型和函数联合使用
     type person = {
        name:string,
        age:number
    }
    function printInfo(info:person){
           console.log(info.name);
           console.log(info.age);
    }

  1. 函数类型的表示方法 格式: (参数列表) => 返回值
type fnType = (num1: number) => number
const bar: fnType = (arg: number): number => {
  return 123n
}
  1. 函数的可选参数
function f(x: number, y?: number) {
  if (y !== undefined) {
    console.log(y + 10)
  }
}

6.函数参数的默认值

    function foo(x: number, y = 100) {
              console.log(y + 10)
    }

  1. 函数剩余参数
    funtion f(...args: (string | number)[]){
            
    }

ts中元组(tuple)的使用

    const info:[string,number] = ['lxl',18];  
    //数组中奇数值必须为string类型,偶数值必须为numer类型;  
    //相比于数组,这种方式更加灵活