typescript参数用法-TypeScript 可选参数解释

2023-08-23 0 8,908 百度已收录

在本教程中,您将学习如何在 TypeScript 中使用函数的可选参数。

在 JavaScript 中,即使函数指定了参数,您也可以不带任何参数调用它,因为 JavaScript 默认支持可选参数。 在 TypeScript 中,编译器会检测每个函数调用typescript参数用法,并在以下情况下引发错误:

typescript参数用法-TypeScript 可选参数解释

由于编译器会严重惩罚传递给函数的参数,因此我们可以使用可选参数来告诉编译器该参数是可选的typescript参数用法,并且如果该参数不存在,则不会发出错误消息。

要使函数的参数成为可选参数,请在参数名称前加上 ? 符号,如下:

function multiply(a: number, b: number, c?: number): number {
  if (typeof c !== 'undefined') {
    return a * b * c;
  }
  return a * b;
}

它的工作原理如下:

typescript参数用法-TypeScript 可选参数解释

注意:如果使用表达式if(c)来检查参数是否初始化,你会发现空字符串和0也被认为是未定义,这是有问题的。

在参数列表中,可选参数必须出现在必需参数之前。 例如,如果您将 b 设置为可选,将 c 设置为强制,则 TypeScript 编译器将抛出错误:

typescript参数用法-TypeScript 可选参数解释

function multiply(a: number, b?: number, c: number): number {
  if (typeof c !== 'undefined') {
    return a * b * c;
  }
  return a * b;
}

错误信息:

typescript参数用法-TypeScript 可选参数解释

error TS1016: A required parameter cannot follow an optional parameter.

概括

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 typescript typescript参数用法-TypeScript 可选参数解释 https://www.wkzy.net/game/146214.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务