【TS】typescript 获取函数入参类型、返回值类型、promise返回值类型

文章目录

    • 1. 准备工作
    • 2. 获取函数入参的类型
    • 3. 获取函数返回值类型
    • 4. 获取promise返回值类型

1. 准备工作

创建 utils.ts

interface User {id: number;name: string;age: number;
}
interface Params {method: string;url: string;
}function getUserList(params: Params,other: string,data: User[]
): Promise<User[]> {return new Promise((resolve, reject) => {resolve([{id: 1,name: "张三",age: 18,},{id: 2,name: "李四",age: 20,},]);});
}
export default getUserList;

创建 index.ts

import getUserList from "./utils";getUserList()

这个时候存在以下问题

  1. 如若函数参数、返回值类型没有导出,你就不知道怎么传递了,特别是函数的参数不是基本数据类型
  2. 在开发中一般,都是要把 函数的入参、返回值 ,先定义个变量准备接收

在这里插入图片描述

可以看出是需要三个参数,但是这三个参数类型没导出 怎么办呢?

2. 获取函数入参的类型

语法格式

let param1 = Parameters<typeof 这里填写你要获取哪一个函数的参数类型>

在这里插入图片描述

默认是这样的,默认他会把这个函数的入参,放在一个数组里面 ,因为函数不确定有几个入参

如若想获取第一个 入参的类型,就是这样写

let param1 = Parameters<typeof 这里填写你要获取哪一个函数的参数类型>[0]

在这里插入图片描述

这样就能和 前面对应起来了

import getUserList from "./utils";let param1: Parameters<typeof getUserList>[0] = {method: "post",url: "http:www.baidu.com",
};
let param2: Parameters<typeof getUserList>[1] = "你好";
let param3: Parameters<typeof getUserList>[2] = [{ id: 1, age: 20, name: "测试1" },{ id: 2, age: 20, name: "测试2" },
];

3. 获取函数返回值类型

语法格式

let returnRes= ReturnType<typeof 这里填写你要获取哪一个函数的返回值类型>
import getUserList from "./utils";let param1: Parameters<typeof getUserList>[0] = {method: "post",url: "http:www.baidu.com",
};
let param2: Parameters<typeof getUserList>[1] = "你好";
let param3: Parameters<typeof getUserList>[2] = [{ id: 1, age: 20, name: "测试1" },{ id: 2, age: 20, name: "测试2" },
];let returnRes: ReturnType<typeof getUserList>;returnRes = getUserList(param1, param2, param3);
returnRes.then((res) => {let resNew: Awaited<ReturnType<typeof getUserList>>;resNew = res;console.log(resNew);
});

4. 获取promise返回值类型

语法格式

  let resNew: Awaited<ReturnType<typeof 这里填写你要获取哪一个函数的Promise返回值类型>>;

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/870822.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C语言从头学33——内存管理(一)

一、基本情况 C语言的内存管理分成系统管理与程序员用户手动管理两部分。系统管理的内存&#xff0c;主要是函数内部的变量&#xff08;局部变量&#xff09;&#xff0c;这部分变量在函数运行时进入内存&#xff0c;这部分内存区域成为"栈区"&#xff0c;函数…

vue中使用$set方法给对象添加属性

vue中可以使用$set()给对象添加属性&#xff0c;但不是所有的对象都可以使用&#xff0c;vue中api明确说明&#xff0c;它必须用于向响应式对象上添加属性 响应式对象&#xff0c;vue的响应式原理&#xff0c;可以查看&#xff1a;深入响应式原理 — Vue.js ①对象赋值 this…

读懂一本书

各位好,今天我们要分享的这本书叫作《读懂一本书》。 很不好意思,书的作者是我。并不是我写的所有的书我都一定要讲,我也有很多合辑类的书籍是从来不讲的,我讲过《可复制的领导力》,讲过《低风险创业》,还有今天的这本《读懂一本书》,都是我有一些原创的观点和价值在里…

leetcode热题100.单词拆分(动态规划进阶)

最近参加工作比较忙&#xff0c;抽出时间分享一篇题解&#xff0c;希望对大伙有帮助&#x1f388;&#x1f388; 今天分享一道动态规划的题目&#xff0c;大家快刷起来吧&#x1f9be;&#x1f9be; Problem: 139. 单词拆分 给你一个字符串 s 和一个字符串列表 wordDict 作为字…

React组件间通信的几种方式

一、Props向下传递&#xff08;Top-Down Propagation&#xff09; 父组件通过props将其状态或数据传递给子组件。 父组件&#xff1a; class ParentComponent extends React.Component {state { message: Hello World };render() {return <ChildComponent message{this.…

真正适合零基础的机器学习入门书!数学不好?python不会?通通都能拿下!!

在数字化时代&#xff0c;机器学习无疑是一股强劲的革新动力&#xff0c;正悄无声息地渗透并革新各行各业&#xff0c;成为推动创新、提升效率的关键法宝。 对于想要涉足这个领域&#xff0c;渴望掌握机器学习精髓的初学者来说&#xff0c;《Python机器学习基础教程》就是一本…

C++ list容器的底层实现

一.list是什么 list 是 C容器中的带头双向链表&#xff0c;头结点不存储数据&#xff0c;头结点的下一个元素是第一个存储数据的元素&#xff0c;头结点的前一个元素连接着最后一个存储数据的元素。&#xff08;结构如下图所示&#xff09; 其中链表里每一个节点的结构分为&…

AI究竟是在帮助开发者还是取代他们

前言 人工智能&#xff08;AI&#xff09;的迅猛发展正在各行各业引发深远影响。尤其是在软件开发领域&#xff0c;AI的应用日益广泛&#xff0c;带来了效率和创新的提升。然而&#xff0c;随着AI技术的不断进步&#xff0c;人们也开始担心AI是否会取代人类开发者&#xff0c;…

PyQt5开发笔记:2. 2D与3D散点图、水平布局和边框修饰

一、装pyqtgraph和PyOpenGL库 pip install pyqtgraph pip install PyOpenGL 注意&#xff1a;一定不要pip install OpenGL&#xff0c;否则会找不到 二、3D散点图效果 import pyqtgraph as pg import pyqtgraph.opengl as gl import numpy as np# 创建应用程序 app pg.mkQ…

【计算机组成原理 | 第二篇】计算机硬件架构的发展

目录 前言&#xff1a; 冯诺依曼计算机架构 现代计算机架构&#xff1a; 总结&#xff1a; 前言&#xff1a; 在当今数字化时代&#xff0c;计算机硬件不仅是技术进步的见证者&#xff0c;更是推动这一进步的基石。它们构成了我们日常生活中不可或缺的数字生态系统的核心&a…

数据失踪了?小米手机数据恢复并不难,3个方法就能搞定

手机数据就如同我们的“数字生命线”&#xff0c;一旦失去&#xff0c;便仿佛陷入了一片数据的荒漠&#xff0c;感到无助与迷茫。小米手机用户们&#xff0c;你是否曾遭遇过这样的困境&#xff1a;打开手机&#xff0c;却发现重要的照片、联系人、短信等数据不见了&#xff0c;…

Flutter和React Native(RN)的比较

Flutter和React Native&#xff08;RN&#xff09;都是用于构建跨平台移动应用程序的流行框架。两者都具有各自的优势和劣势&#xff0c;选择哪个框架取决于您的具体需求和项目。北京木奇移动技术有限公司&#xff0c;专业的软件外包开发公司&#xff0c;欢迎交流合作。 以下是…

数据库作业六

创建视图v_emp_dept_id_1&#xff0c;查询销售部门的员工姓名和家庭住址 CREATE VIEW v_emp_dept_id_1 AS SELECT e.emp_name,e.address FROM dept d, emp e WHERE e.dept_id (SELECT dept_id FROM dept WHERE dept_name 销售部); SELECT * FROM v_emp_dept_id_1; 创建视…

乐财业:打造财税服务的“硬核“竞争力

乐财业 智慧财税赋能平台 乐财业是目前市面上唯一一家真正实现“业财税”"三位一体全面融合的综合赋能平台&#xff0c;全新打造一站式、流程化、生态化的全产品供应链&#xff0c;立足于企业“业财"融合的发展趋势&#xff0c;凭借20年的财税服务经验&#xff0c;站…

CoreDump使用与实现原理

一、背景 系统发生native crash时&#xff0c;针对内存异常访问、内存踩踏等疑难问题&#xff0c;由于tombstone信息量不足无法精确定位分析这类问题。 二、coredump介绍 2.1 什么是coredump 当用户程序运行过程中发生异常, 程序异常退出时, 由Linux内核把程序当前的内存状…

C语言笔记29 •单链表经典算法OJ题-1.合并两个升序链表•

1.合并两个升序链表&#xff08;创建头节点 简化代码&#xff09; ListNode* lowlisthead(ListNode*)malloc(sizeof(ListNode)); 新颖之处就是创建头节点&#xff08;哨兵位&#xff09;能够减少代码&#xff0c;不用每次都判断链表是否为NULL&#xff0c; 注意的是&#xff1a…

笔记:如何使用Microsoft.Extensions.Options

一、目的&#xff1a; Microsoft.Extensions.Options 是 .NET Core 中用于处理配置选项的一个库。它提供了一种强类型的方式来读取和绑定配置数据&#xff08;例如来自 appsettings.json 文件、环境变量或其他配置源的数据&#xff09;&#xff0c;并将其注入到应用程序中。这个…

ss工具dump出vsock 端口号异常分析

端口冲突时&#xff0c;会出现bind fail异常&#xff0c;这时可以用ss --vsock -pl命令dump出所有listen状态的vsock,但实际发现传入的9000端口&#xff0c;dump出来却是10275&#xff0c;如下图&#xff1a; 难道是内核把端口改了&#xff1f;分析内核态源码&#xff0c;ss最终…

模拟器大揭秘:功能多样,热门APP一网打尽

在咱们日常的数字生活中&#xff0c;模拟器这个词儿你可能不陌生&#xff0c;但它到底能干啥&#xff1f;又有哪些好用的模拟器APP呢&#xff1f; 今天&#xff0c;咱们就来聊聊模拟器的功能&#xff0c;并推荐几款热门的模拟器APP&#xff0c;帮助大家更好地利用这一技术。 …

Math/System/Runtime/Object

1、Math &#xff08;1&#xff09;常用方法 类型方法名说明public static intabs (int a)返回整数的绝对值public static doublepow (double a,double b)计算a的b次幂的值public static int max (int a,int b) 获取两个int值中的较大值public static intmin (int a,int…