TypeScript可选参数语法

在TypeScript中，可选参数是一种特殊的参数，它允许在调用函数时不必提供该参数。可选参数通过在参数类型后面添加一个问号 ? 来标识。这意味着函数的调用者可以选择传递或不传递这个参数。

可选参数的语法：

1
2
3

function functionName(param1: type1, param2?: type2) {
  // 函数体
}

在这个例子中，param1 是一个必需参数，而 param2 是一个可选参数。

可选参数的规则：

位置：可选参数必须位于函数参数列表的末尾。这是因为如果可选参数位于必需参数之前，那么在调用函数时，必需参数可能会被错误地赋值为 undefined。
默认值：可选参数可以有一个默认值。如果调用函数时没有提供这个参数，它将使用默认值。
类型推断：如果函数调用时没有提供可选参数，TypeScript 会自动推断其类型为 undefined。

示例：

function greet(name: string, greeting?: string) {
  console.log(greeting ? `${greeting}, ${name}!` : `Hello, ${name}!`);
}

// 调用函数，提供所有参数
greet('Alice', 'Good morning');

// 调用函数，只提供必需参数
greet('Bob');

在这个例子中，greet 函数有两个参数：name 是必需的，而 greeting 是可选的。当调用 greet 时，如果没有提供 greeting，它将默认为 undefined，并且函数会使用一个默认的问候语。

可选参数与解构赋值：

在JavaScript和TypeScript中，使用解构赋值时，可以利用可选参数的特性来处理可能不存在的属性：

function processUser({ name, age }: { name?: string; age?: number }) {
  console.log(`Name: ${name || 'Unknown'}, Age: ${age || 'Unknown'}`);
}

const user = { name: 'Alice' };

// 调用函数，解构赋值时 age 为 undefined
processUser(user);