【005】ts学习笔记【函数扩展】

函数扩展

参数类型

js 复制代码
//注意,参数不能多传,也不能少传 必须按照约定的类型来
const fn = (name: string , age : number ) : string => {
    return name + age
}

let desc = fn( "张三", 18)
console.log(desc)

可选参数与默认值

js 复制代码
//可选的参数 和 默认参数
const fn_002 = (name: string = "tom" , age? : number ) : string => {
    return name + age
}

let desc_002 = fn_002( )
console.log(desc_002)

接口定义函数

js 复制代码
interface Add {
    //定义参数 num 和 num2  :后面定义返回值的类型
    ( num : number , num2 : number ) : number
}

const fn_add : Add = (num : number , num2 : number ) : number =>{
    return num + num2 
}
fn_add( 5 , 5)

interface User {
    name : string,
    age ?: number 
}
function getUserInfo(user : User) : User {
    return user
}
let u001 = getUserInfo({
    name : "五十" ,
    age : 18
})
console.log(u001)

定义剩余参数

js 复制代码
const fn_003 = (array : number[] , ...items : any[] ) : any[] =>{
    console.log( "剩余参数", items )
    return items
}
let num_list : number[] = [1,2,3]
fn_003( num_list, 4 , 5 , 6 )

函数重载

定义

函数重载是指在 TypeScript 中定义多个具有相同名称但参数类型或参数数量不同的函数声明。

函数重载规则

  • 1, 多个函数定义使用相同的函数名称

  • 2, 函数参数的数量或类型必须有区别

  • 3,如果参数类型不同, 则参数类型应设置为 any

  • 4,返回类型可以相同也可以不同。

作用

通过使用函数重载,可以为同一个函数提供多个不同的函数签名,从而提供更严格的类型检查和更清晰的函数使用方式。

常见报错

相关推荐
数字芯片实验室5 小时前
分享一个可以学习正则表达式的网址:Pythex.org
学习·正则表达式
陈洪奇5 小时前
注册中心学习笔记整理
笔记·学习
一斤代码5 小时前
vue3 下载图片(标签内容可转图)
前端·javascript·vue
光影少年5 小时前
从前端转go开发的学习路线
前端·学习·golang
3Katrina6 小时前
深入理解 useLayoutEffect:解决 UI "闪烁"问题的利器
前端·javascript·面试
coderlin_7 小时前
BI布局拖拽 (1) 深入react-gird-layout源码
android·javascript·react.js
伍哥的传说7 小时前
React 实现五子棋人机对战小游戏
前端·javascript·react.js·前端框架·node.js·ecmascript·js
我在北京coding7 小时前
element el-table渲染二维对象数组
前端·javascript·vue.js
布兰妮甜7 小时前
Vue+ElementUI聊天室开发指南
前端·javascript·vue.js·elementui
SevgiliD7 小时前
el-button传入icon用法可能会出现的问题
前端·javascript·vue.js