TypeScript | 集合

    科技2022-07-10  135

    实现函数返回的传参类型控制

    let fn = ref<null|undefined>() fn(null) // ok fn('1111') // error fn(1) // error // 先定义一个函数类型,定义泛型U,并规定传参为该泛型 interface ref_rf<U>{ (x:U):any; } // 定义function ref ,返回值为函数ref_rf类型 function ref<T>(): ref_rf<T>{ // 内部返回的函数中使用该泛型,控制传参 return (value:T) => { console.log('hello ${value}') } }

    定义对象 & 对象数组

    // 对象 interface article { [key: string]: { uid: number, name: string } } let a: article = { 'a001': { uid: 1, name:'a1' } } // 对象数组 interface article_list { [key:number]: { uid: number, name: string } } or type article_list = Array<article> let a_list: article_list = [ // 等同于 0:{uid:1,name:'11'} { uid: 1, name: '11' } ]

    PS: [key:number] 表示一个数组 [key:string] 表示一个对象嵌对象(毕竟数组也是一个key为自增number的对象而已)

    对象内定义类型

    let resume = { base:{ name:<String>'', age: <Number>0, phone:<String>'', } } resume.base.sex = 1 // err

    or

    type Tbase = { name:String age: Number phone:String, } let resume2 = { base:<Tbase> { name:'', age: 0, phone:'' } } resume.base.sex = 1 // err
    Processed: 0.024, SQL: 8