1. 函数的类型
//注意,参数不能多传,也不能少传 必须按照约定的类型来
const fn = (name: string, age: number): string => {
return name + age;
};
fn('张三', 18);
2. 函数的可选参数?
//通过?表示该参数为可选参数
const fn = (name: string, age?: number): string => {
return name + age;
};
fn('张三');
3. 函数参数的默认值
const fn = (name: string = '我是默认值'): string => {
return name;
};
fn();
4. 接口定义函数
//定义参数 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;
}
5. 定义剩余参数
const fn = (array: number[], ...items: any[]): any[] => {
console.log(array, items);
return items;
};
let a: number[] = [1, 2, 3];
fn(a, '4', '5', '6');
6. 函数重载
- 重载是方法名字相同,而参数不同,返回类型可以相同也可以不同。
- 如果参数类型不同,则参数类型应设置为 any。
- 参数数量不同你可以将不同的参数设置为可选。
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);
学习TypeScrip6(类型断言 | 联合类型 | 交叉类型)