前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >(十三)给函数参数添加类型

(十三)给函数参数添加类型

作者头像
老怪兽
发布2023-02-22 14:58:21
7470
发布2023-02-22 14:58:21
举报
文章被收录于专栏:老怪兽的前端之旅

# 一、给函数参数添加类型

说明

  • 在我们定义函数的时候参数的类型是无法推断的,因为函数只是一段将要执行的代码
  • 对于参数的类型只有在将要调用的时候才会知道,如果对函数参数的值没有限定的时候,就可以传递任意类型的值
  • 如果当某个函数执行的是数学运算的时候我们传入的是一个字符串,那么就会发生不可预期的错误
代码语言:javascript
复制
function add(a, b) {
    console.log(a + b)
}

// 函数的参数没有类型,当我们传递其他类型的参数也是可的, 机会出现不可预期的错误
add('hellow', {name: '张三'})
# 使用 ts 对参数值进行限定
代码语言:javascript
复制
function add(a: number, b: number) {
    console.log(a + b)
}

// 因为限定了参数的类型,所以这里使用的时候传递了错误的参数就会报错
add('hellow', {name: '张三'})
# 参数使用联合类型来进行限定
代码语言:javascript
复制
function cmd(args: string | string[]) {
    if(type args === 'string') {
        console.log(args)
    } else {
        console.log(args)
    }
}

2.

代码语言:javascript
复制
interface Product {
    title: string
    price: number
}

function printProductTitle(p: Product) {
    console.log(p.title)
}

# 总结-写在最后

说明

参数的类型和之前学习的普通类型是一样的,可以是任意类型的值,包括联合类型

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年11月29日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • # 一、给函数参数添加类型
    • # 使用 ts 对参数值进行限定
      • # 参数使用联合类型来进行限定
      • # 总结-写在最后
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档