技術標籤：前端typescriptjavascript

函式

函式：封裝了一些重複使用的程式碼，在需要的時候直接呼叫即可

    // 命名函式
    function add(x: number, y: number): number {
        return x + y
    }

    // 匿名函式
    let add2 = function (x: number, y: number): number {
        return x + y
    }

    // 完整寫法
    // (x: number, y: number) => number 當前函式的型別
 

    let add3: (x: number, y: number) => number = function (x: number, y: number): number {
        return x + y
    }

預設引數&可選引數

    let getFullName = function (firstName: string = '東方', lastName?: string): string {
        // 判斷名字是否傳入
        if (lastName) {
            return firstName + '_'
 
 + lastName
        } else {
            return firstName
        }
    }

剩餘引數

剩餘引數: 放在所有引數的後面

    // ...args: string[] 剩餘的引數，放在了一個字串中的陣列中，args裡面
    function showMsg(str: string, ...args: string[]) {
        console.log(str)
        console.log(args)
    }

    showMsg('a', 'b', 'c', 'd', 'e')

函式過載

函式過載：函式名字相同，函式的引數及個數不同

    // 過載函式宣告
    function add (x: string, y: string): string
    function add (x: number, y: number): number

    // 定義函式實現
    function add(x, y) {
        return x + y
    }

    console.log(add(1, 2))
    console.log(add('a', 'b'))