typescript箭头函数参数-TypeScript中函数重载示例分析

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

介绍

引用维基百科对函数重载的定义

函数重载（英文：function overrideing）或方法重载是某些编程语言（如 C++、C#、Java、Swift、Kotlin 等）的特性。 此功能允许创建具有不同实现的多个同名函数。 对重载函数的调用会运行适合调用上下文的实现，从而允许函数调用根据上下文执行不同的任务。

TypeScript 中的重载

它与上面函数重载的定义略有不同。 TypeScript 中的函数重载只会有一个函数实现typescript箭头函数参数，但会有多个函数声明。 我认为这是由于 TypeScript 的类型系统造成的。 通过内联类型可以任意组装类型，这样就可以定义一个函数来接收不同类型的参数并返回不同的值，而不用多次定义函数来解决参数类型的问题。 和返回值类型问题。

我们来比较一下 C++ 代码和 TypeScript 代码之间的区别。

// C++
string add(string x, string y) {
    return x + ',' + y
}
int add(int x, int y) {
    return x + y
}

可以发现C++代码通过多重定义来使用函数重载。 每次定义函数时typescript箭头函数参数，参数类型或返回值类型都不同。 每个定义都将基于参数类型和返回值类型。 match，匹配的函数定义会被执行

// TypeScript
// 声明
function add(x: string, y: string): string;
function add(x: number, y: number): number;
// 实现
function add(x: string | number, y: string | number): string | number {
  if (typeof x === "string" && typeof y === "string") {
    return x + ',' + y
  } else {
    return x + y
  }
}

TypeScript 使用函数实现来实现 add 函数的重载。 函数实现对两种声明的情况进行类型兼容，然后在实现中分别处理各种情况，对每种情况进行单独的处理。 这就是TypeScript中函数重载的使用。

如果我们需要重载太多的函数，那么需要支持的参数类型和函数返回值类型就会变得复杂，而且要让每个类型都兼容会很费力。 一种不太费力的方法是使用any 来限制参数类型和返回类型。 内部实现保持不变

// 声明
function add(x: string, y: string): string;
function add(x?: number, y?: number): number;
// 实现
function add(x: any, y: any): any {
  if (typeof x === "string" && typeof y === "string") {
    return `${x},${y}`
  } else {
    return x + y
  }
}