TypeScript-函數聲明和重載

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('www.it6666.top');
console.log(res);