typescript 中函数的返回类型
typescript 是一种强类型语言,始终鼓励为 typescript 中使用的所有变量正确定义类型。这些类型可以在以后帮助开发,尤其是在调试期间。
除了变量之外,函数还可以具有返回类型的类型。通常,当未定义类型时,编译器会根据返回的变量类型自动推断类型。
但是,这很不方便,并且可能会导致像 any
甚至 undefined
这样的不太严格的类型作为返回类型,因此最好将类型返回给 typescript 函数。
在 typescript 的函数中为 return
语句使用类型
如果未提及任何类型,typescript 编译器会自动推断返回类型。最好向函数添加类型以确保通过应用程序代码传递正确的类型。
下面展示了如何将类型添加到 typescript 函数中。
function addtwonumbers( a : number, b : number) : number {
return a b;
}
console.log(addtwonumbers(5,6));
输出:
11
因此 number
类型已添加到 addtwonumbers
的末尾,因此它表示函数 addtwonumbers
的返回类型是 number
类型。typescript 支持联合和复杂类型作为函数的返回类型。
以下示例显示了类型联合作为函数的返回类型的示例。
function conditionaladd(a : number, b : number ) : number | string {
if ( a b > 20){
return "more than 20!";
} else {
return a b;
}
}
console.log(conditionaladd(3,21));
输出:
"more than 20!"
甚至可以将接口作为函数的返回类型。假设有一个返回所有配置信息的函数。
它可以如下实现。
interface config {
loglevel : string,
cache : boolean,
dburl : string,
password : string,
production : boolean,
version : number
}
function getconfig() : config {
return {
loglevel : "debug",
cache : true,
dburl : "localhost:5432",
password : "postgres",
production : false,
version : 2
}
}
使用这种方法的好处是可以直接返回对象而无需声明变量并在开发过程中获得建议。
在 typescript 中使用 returntype
类型获取函数的返回类型
returntype
类型对于了解函数的类型很有用,该函数可能由用户编写,也可能不由用户编写,因为它可能在第三方库中。以下代码段显示了 returntype
类型如何检测返回类型。
function findstudentwithroll(roll : number){
const students : student[] = [
{
name : 'tintin',
roll : 1,
passed : true
},
{
name : 'haddock',
roll : 2,
passed : false
},
{
name : 'calculus',
roll : 3,
passed : true
},
];
return students.find( student => student.roll === roll) || null;
}
const studentroll_1 : returntype<typeof findstudentwithroll> = findstudentwithroll(1);
if ( studentroll_1 !== null){
console.log(studentroll_1);
}
输出:
{
"name": "tintin",
"roll": 1,
"passed": true
}
因此,returntype
方便地返回 student | null
进一步用于编写应用程序逻辑。
转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处
本文地址:
相关文章
在 typescript 中使用 try..catch..finally 处理异常
发布时间:2023/03/19 浏览次数:385 分类:
-
本文详细介绍了如何在 typescript 中使用 try..catch..finally 进行异常处理,并附有示例。
发布时间:2023/03/19 浏览次数:254 分类:
-
本教程指南通过特定的实现和编码示例深入了解了 typescript 中 declare 关键字的用途。
发布时间:2023/03/19 浏览次数:962 分类:
-
本篇文章演示了类的 get 和 set 属性以及如何在 typescript 中实现它。
在 typescript 中格式化日期和时间
发布时间:2023/03/19 浏览次数:269 分类:
-
本教程介绍内置对象 date() 并讨论在 typescript 中获取、设置和格式化日期和时间的各种方法。
在 typescript 中返回一个 promise
发布时间:2023/03/19 浏览次数:586 分类:
-
本教程讨论如何在 typescript 中返回正确的 promise。这将提供 typescript 中 returns promise 的完整编码示例,并完整演示每个步骤。
在 typescript 中定义函数回调的类型
发布时间:2023/03/19 浏览次数:1445 分类:
-
本教程说明了在 typescript 中为函数回调定义类型的ag捕鱼王app官网的解决方案。为了程序员的方便和方便,实施了不同的编码实践指南。
使用 npm 将 typescript 更新到最新版本
发布时间:2023/03/19 浏览次数:446 分类:
-
本教程说明了如何使用 npm 更新到最新版本的 typescript。这将为如何使用 npm 将 typescript 更新到最新版本提供完整的实际示例。