05.TS函数拓展

65 阅读1分钟
函数的类型
//注意,参数不能多传,也不能少传 必须按照约定的类型来
const fn = (name: string, age:number): string => {
    return name + age
}
fn('Yang',18)
函数的可选参数?
//通过?表示该参数为可选参数
const fn = (name: string, age?:number): string => {
    return name + age
}
fn('Yang')
函数参数的默认值
const fn = (name: string = "我是默认值"): string => {
    return name
}
fn()
接口定义函数
//定义参数 num 和 num2  :后面定义返回值的类型
interface Add {
  // 参数1 参数2 返回值
    (num:  number, num2: number): number
}
// 实现Add接口
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
}
定义剩余参数
// ...any[] 一个any数组
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(a: string): string
//第二套规则 重载函数 
function fn(a: number, b: number): number
// 这个函数可以实现上面两种规则 执行函数
function fn(a: string | number, b?: any): string | number {
  return a + b
}
​
console.log(fn(1, 2))
​