函数扩展

函数的类型

//注意，参数不能多传，也不能少传 必须按照约定的类型来
const fn = (name: string, age: number): string => {
  return name + age;
};
fn('张三', 18);

函数的可选参数?

//通过?表示该参数为可选参数
const fn = (name: string, age?: number): string => {
  return name + age;
};
fn('张三');

函数参数的默认值

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

接口定义函数

//定义参数 num 和 num2  ：后面定义返回值的类型
interface Add {
  (num: number, num2: number): number;
}

const fn: Add = (num: number, num2: number): number => {
  return num + num2;
};
fn(5, 5);

interface User {
  name: string;
  age: number;
}
function getUserInfo(user: User): User {
  return user;
}

定义剩余参数

const fn = (array: number[], ...items: any[]): any[] => {
  console.log(array, items);
  return items;
};

let a: number[] = [1, 2, 3];

fn(a, '4', '5', '6');

函数重载
重载是方法名字相同，而参数不同，返回类型可以相同也可以不同。
如果参数类型不同，则参数类型应设置为 any。
参数数量不同你可以将不同的参数设置为可选。
在 TypeScript 中，函数重载的语法需要共用同一个函数实现大括号，这是 TypeScript 特有的语法规范,不能像 Java 的方法重载一样分开写。
下述方法中前两个是重载签名，最后一个才是函数实现。

function fn(params: number): void;

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

function fn(params: any, params2?: any): void {
  console.log(params);

  console.log(params2);
}

fn(123);

fn('123', 456);

函数扩展 ​

函数的类型 ​

函数扩展

函数的类型