TS的函数如何定义类型

如何接受arguments参数
复制代码
function add(...args: string[]) {

    let list4: IArguments = arguments;

}

add('1', '2')
自定义一个args
复制代码
interface A1 {

    callee: Function,

    length: number,

    [index: number]: any

}

function adds(...args: string[]) {

    let list4: A1 = arguments;

}

adds('1', '2')
多个参数
复制代码
function add1(a: number, b: number): number {

    return a + b;

}

const add2 = (a: number, b: number): number => {

    return a + b;

}
默认值
复制代码
const add3 = (a: number = 10, b: number = 15): number => {

    return a + b;

}
可选参数
复制代码
const add4 = (a?: number, b?: number): void => {

}
定义一个对象参数
复制代码
interface User {

    name: string,

    age: number

}

function getName(data: User): User {

    return data;

}
定义this参数

//ts 可以定义this 必须是第一个参数

复制代码
interface Obj {

    list: number[],

    add: (this: Obj, num: number) => void

}

let obj: Obj = {

    list: [1, 2, 3, 4],

    add(this: Obj, num: number) {

        this.list.push(num);

        console.log(this.list)

    }

}
相关推荐
西洼工作室几秒前
原生js实现前端国际化
前端·javascript
aha-凯心2 分钟前
React 中没有 v-model,如何优雅地处理表单输入
前端·javascript·vue.js·react.js
lcc1875 分钟前
Vue3 其它Composition API
前端·vue.js
tsumikistep5 分钟前
【前后端】Vue 基本使用方式(下)—— 条件渲染、双向绑定、事件绑定
前端·javascript·vue.js
雨雨雨雨雨别下啦7 分钟前
【从0开始学前端】TypeScript语法总结
前端·typescript
敲敲了个代码17 分钟前
一天面了6个前端开发,水平真的令人堪忧啊
前端·javascript·学习·面试·webpack·typescript·前端框架
恋猫de小郭17 分钟前
用 AI 做了几个超炫酷的 Flutter 动画,同时又差点被 AI 气死
前端·flutter·aigc
某空m18 分钟前
【Android】组件化搭建
android·java·前端
零基础的修炼20 分钟前
[项目]基于正倒排索引的Boost搜索引擎---服务和前端模块
前端
一勺菠萝丶24 分钟前
Vue组件状态同步问题:为什么修改了DOM值,提交时还是默认值?
前端·javascript·vue.js