TS声明promise返回来的数据类型

简介: TS声明promise返回来的数据类型

promise返回来的数据类型

interface backResult{
    code: number,
    data: { name:string,age:number}[], //数组里面的对象类型,这里使用的是类型
    message:string
}
// 在这里声明出promise的类型,使用的接口
let p: Promise<backResult> = new Promise((resolve,reject)=> { 
    resolve({
        code: 200,
        data: [
            {name:'张三',age:123}
        ],
        message:'操作成功'
    })
})
p.then((res) => { 
    if (res.code == 200) { 
        let arr = res.data.map(v => v.name)
    }
})

声明的类型还可以这样操作哈

interface backData{
    name: string,
    age: number
}
interface backResult{
    code: number,
    data: backData[], //这里使用接口
    message:string
}

TS声明 axios 返回来的数据类型是这样的

// 登录的参数类型
interface loginParmas {
    password: string
    username: string
}
// 登录的返回数据类型
interface adminBackData{
    code: number,
    data: {
        token: string,
        tokenHead:string
    },
    message:string
}
// 登录获取token
export const tset = (data: loginParmas):Promise<adminBackData> => request.post('/admin/login', data)

遇见问题,这是你成长的机会,如果你能够解决,这就是收获。

相关文章
|
6天前
|
JSON 前端开发 JavaScript
ES6类的使用和定义.Json.Promise对象的使用
ES6类的使用和定义.Json.Promise对象的使用
29 0
|
5天前
|
JavaScript 编译器 开发者
TS类型断言
TS类型断言
6 0
|
6天前
TS类型声明的方法之二
TS类型声明的方法之二
9 0
|
9月前
null和undefined的区别?
null和undefined的区别?
|
6天前
|
JavaScript
TS中的枚举是什么如何使用
TS中的枚举是什么如何使用
24 0
|
8月前
|
JavaScript 前端开发
ts -函数的类型
在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression)
|
8月前
|
JavaScript
ts - 重载
重载允许一个函数接受不同数量或类型的参数时,作出不同的处理。
|
9月前
TS类型声明之二
TS类型声明之二
|
9月前
|
JavaScript 安全 前端开发
null和undefined的区别有哪些?
相同点 1.null和undefined都是js的基本数据类型 2.undefined和null都是假值(falsy),都能作为条件进行判断,所以在绝大多数情况下两者在使用上没有区别
1169 2
|
10月前
|
JavaScript 编译器
面试题-TS(二):如何定义 TypeScript 中的变量和函数类型?
在TypeScript中,我们可以使用冒号(:)来指定变量的类型。以下是一些常见的变量类型: