Typescript再学习-函数（7）

xvzhengyang

已于 2024-03-29 00:47:26 修改

阅读量188

点赞数

CC 4.0 BY-SA版权

分类专栏： TypeScript 文章标签： typescript 学习函数

于 2024-03-29 00:37:56 首次发布

本文链接：https://blog.youkuaiyun.com/xvzhengyang/article/details/137128614

TypeScript 专栏收录该内容

10 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文聚焦TypeScript中的函数类型，详细探讨了如何声明函数参数和返回值的类型，特别关注可选参数和参数为联合类型的用法。通过实例解析，帮助开发者更好地理解和应用这些特性。

// 定义函数参数和返回值的类型
function sayHi(name: string): string {
  return `${name} 你好`;
}
console.log(sayHi("李明"));

// 箭头函数
const sayHello = (name: string) => {
  return `hello: ${name}`;
};
console.log(sayHello("李明"));

// 参数为可选参数  这里没有写函数返回类型，是因为ts可以推断，但是对于复杂的还是显示声明比较合适
const unNecessaryParameter = (name: string, age?: number) => {
  return `${name}的年龄是${age ? age : "--"}`;
};
console.log(unNecessaryParameter(`粒粒`, 15));
console.log(unNecessaryParameter(`粒粒`));

// 参数为联合类型
const moreTypes = (name: string | number) :string =>{
  return `${name}`;
}
console.log(moreTypes(`粒粒`));
console.log(moreTypes(123));

函数参数和返回值一般都要声明类型；注意可选参数以及参数为联合类型的使用；

一般我们对参数都会比好明确的定义，当然也会出现使用可选参数的情况；看项目的具体要求以及代码处理。