TypeScript 函数参数

2025年3月17日 | 阅读 3 分钟

函数是任何应用程序的基本构建块，它包含一些业务逻辑。在 TypeScript 中创建函数的过程与在 JavaScript 中创建函数的过程类似。

在函数中，参数是传递给函数的值或参数。 TypeScript 编译器接受与函数签名中定义相同数量和类型的参数。如果编译器与函数签名中的参数不匹配，则会给出编译错误。

我们可以将函数参数分为三种类型

可选参数
默认参数
剩余参数

可选参数

JavaScript 允许我们调用一个函数而不传递任何参数。因此，在 JavaScript 函数中，参数是可选的。如果我们声明函数而不传递参数，则每个参数的值都未定义。

与 JavaScript 不同，如果我们尝试在没有提供与其函数签名中声明的参数完全相同数量和类型的情况下调用函数，TypeScript 编译器将抛出错误。为了克服这个问题，TypeScript 引入了可选参数。我们可以使用问号 ('?')。这意味着可以附加一个"?" 符号来标记可能接收或不接收值的参数为可选的。在下面的示例中，e_mail_id 被标记为可选参数。

语法

function function_name(parameter1[:type], parameter2[:type], parameter3 ? [:type]) { }

示例

function showDetails(id:number,name:string,e_mail_id?:string) { 
   console.log("ID:", id, " Name:",name); 
   if(e_mail_id!=undefined)  
   console.log("Email-Id:",e_mail_id); 
}
showDetails(101,"Virat Kohli");
showDetails(105,"Sachin","sachin@javatpoint.com");

输出

默认参数

TypeScript 提供了一个选项来为函数参数设置默认值。如果用户未将值传递给参数，TypeScript 会为该参数初始化默认值。默认参数的行为与可选参数相同。对于默认参数，如果未在函数调用中传递值，则默认参数必须遵循函数签名中的必需参数。但是，如果函数签名在必需参数之前有一个默认参数，我们仍然可以调用函数，并将默认参数标记为作为未定义值传递。

注意：我们不能同时使参数为默认和可选。

语法

function function_name(parameter1[:type], parameter2[:type] = default_value) { }

示例

function displayName(name: string, greeting: string = "Hello") : string {
    return greeting + ' ' + name + '!';
}
console.log(displayName('JavaTpoint'));   //Returns "Hello JavaTpoint!"
console.log(displayName('JavaTpoint', 'Hi'));   //Returns "Hi JavaTpoint!".
console.log(displayName('Sachin'));    //Returns "Hello Sachin!"

输出

剩余参数

它用于将零个或多个值传递给函数。我们可以在参数前缀三个“点”字符 ('...') 来声明它。它允许函数具有不同数量的参数，而无需使用 arguments 对象。 TypeScript 编译器将使用剩余参数创建一个参数数组，以便所有数组方法都可以使用剩余参数。剩余参数很有用，在我们需要不确定数量的参数的情况下。

Rest 参数的规则

我们可以在一个函数中只使用一个剩余参数。
它必须是数组类型。
它必须是参数列表中的最后一个参数。

语法

function function_name(parameter1[:type], parameter2[:type], ...parameter[:type]) { }

示例

function sum(a: number, ...b: number[]): number {
  let result = a;
  for (var i = 0; i < b.length; i++) {
  result += b[i];
  }
  return result;
}
let result1 = sum(3, 5);
let result2 = sum(3, 5, 7, 9);
console.log(result1 +"\n" + result2);

输出

下一主题TypeScript 类

← 上一步下一步 →

TypeScript 函数参数

可选参数

默认参数

注意：我们不能同时使参数为默认和可选。

剩余参数

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

TypeScript 教程

差异

面试题

TypeScript 函数参数

可选参数

默认参数

注意：我们不能同时使参数为默认和可选。

剩余参数

相关帖子

TypeScript 组件

Typescript 装饰器

TypeScript 变量

TypeScript 教程

Typescript 构建工具

TypeScript 访问器

TypeScript Switch 语句

Typescript 命名空间

环境声明

TypeScript 类型断言

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器