TS 函数完整格式
- 在 TS 中函数的完整格式应该是由函数的定义和实现两个部分组成的
定义一个函数
- 根据定义实现函数
let AddFun: (a: number, b: number) => number;
AddFun = function (x: number, y: number): number {
return x + y;
};
let res = AddFun(10, 20);
console.log(res);
- 改造如上代码，一步到位写法
let AddFun: (a: number, b: number) => number = function (x: number, y: number): number {
return x + y;
};
let res = AddFun(20, 20);
console.log(res);
- 根据函数的定义自动推导对应的数据类型
let AddFun: (a: number, b: number) => number = function (x, y) {
return x + y;
};
let res = AddFun(20, 20);
console.log(res);
TS 函数声明
声明一个函数
- 再根据声明去实现这个函数
type AddFun = (a: number, b: number) => number;
let add: AddFun = function (x: number, y: number): number {
return x + y;
};
let res = add(30, 20);
console.log(res);
- 根据函数的定义自动推导对应的数据类型
type AddFun = (a: number, b: number) => number;
let add: AddFun = function (x, y) {
return x + y;
};
let res = add(30, 20);
console.log(res);
TS 函数重载
- 函数的重载就是同名的函数可以根据不同的参数实现不同的功能
function getArray(x: number): number[] {
let arr = [];
for (let i = 0; i <= x; i++) {
arr.push(i);
}
return arr;
}
function getArray(str: string): string[] {
return str.split('');
}
- 如上的代码如果出现在同一个 TS 文件内容会报错，需要使用 TS 函数重载来解决
定义函数的重载
function getArray(x: number): number[];
function getArray(str: string): string[];
实现函数的重载
function getArray(x: number): number[];
function getArray(str: string): string[];
function getArray(value: any): any[] {
if (typeof value === 'string') {
return value.split('');
} else {
let arr = [];
for (let i = 0; i <= value; i++) {
arr.push(i);
}
return arr;
}
}
// let res = getArray(10);
let res = getArray('');
console.log(res);
