typescript函数类型

60 阅读1分钟

函数形参必须按约定传入,类型、数量不对都会报错

const fn = (name: string, age: number) => {
  return name + age;
};
fn("里斯", 29);

如果是一个可传可不传的参数就可以使用可选参数

const fn = (name: string, age?: number) => {
  return name + age;
};
fn("里斯");

同js一样ts也支持参数的默认值

const fn = (name: string = "默认值") => {
  return name ;
};
fn();

接口定义函数

interface Proson {
  (name: string, age: number): string;
}

const fn: Proson = (name, age) => {
  return name + age;
};
fn("里斯", 29);
interface User {
  name: string;
  age: number;
}
function getUserInfo(user: User): User {
  return user;
}

定义剩余参数

const fn = (array: number[], ...items: string[]): any[] => items;
fn([1, 2, 3], "4", "5", "6");

函数重载

重载是方法名字相同,而参数不同,返回类型可以相同也可以不同。如果参数类型不同,则参数类型应设置为 any。参数数量不同你可以将不同的参数设置为可选。

function fn(params: number): void;

function fn(params: string, params2: number): void;

function fn(params: any, params2?: any): void {

}

fn(123);

fn("123", 456);