学习 Typescript5 （函数）

学习来源：学习TypeScrip5（函数扩展）_小满zs的博客-CSDN博客

函数的类型

// 注意，参数不能多传，也不能少传，必须按照约定的类型来
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 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。

参数数量不同，你可以将不同的参数设置为可选。

function fn(params: number): void

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

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

fn(123)
fn('123', 456)