TypeScript中的可选参数与默认参数
在JavaScript中，函数的参数默认都是可选的，即使在定义函数时没有明确指出。而在TypeScript中，为了保证类型安全，函数的参数默认是必需的。不过，TypeScript也提供了可选参数和默认参数的功能，这使得函数的使用更加灵活。本文将详细介绍TypeScript中可选参数和默认参数的使用方法，并通过实例进行说明。
可选参数
在TypeScript中，可以通过在参数名后添加?来声明一个可选参数。可选参数必须位于必需参数之后。以下是一个简单的例子：
TypeScript复制
function test(x: number, y?: number): void {
console.log(x= ${x}, y=${y});
}
test(1); // 输出：x= 1, y=undefined
test(1, 2); // 输出：x= 1, y=2
在这个例子中，y是一个可选参数。当我们调用test(1)时，y的值为undefined；而当我们调用test(1, 2)时，y的值为2。
如果我们将可选参数放在必需参数之前，TypeScript会报错。例如：
TypeScript复制
function test(y?: number, x: number): void {
console.log(x= ${x}, y=${y});
}
运行这段代码会报错：A required parameter cannot follow an optional parameter。
默认参数
TypeScript支持默认参数，这与JavaScript ES6中的默认参数功能类似。默认参数允许我们在调用函数时省略某些参数，而这些参数会自动使用默认值。以下是一个例子：
TypeScript复制
function test(x: number, y: number = 3): void {
console.log(x= ${x}, y=${y});
}
test(2); // 输出：x= 2, y=3
test(2, 5); // 输出：x= 2, y=5
在这个例子中，y的默认值为3。当我们调用test(2)时，y会自动使用默认值3；而当我们调用test(2, 5)时，y的值为5。
默认参数可以出现在任何位置，但需要注意的是，当调用函数时，如果省略了某个带有默认值的参数，那么它会自动使用默认值。例如：
TypeScript复制
function test(x: number = 2, y: number): void {
console.log(x= ${x}, y=${y});
}
test(undefined, 3); // 输出：x= 2, y=3
test(4, 3); // 输出：x= 4, y=3
在这个例子中，x的默认值为2。当我们调用test(undefined, 3)时，x会自动使用默认值2；而当我们调用test(4, 3)时，x的值为4。
函数类型中的可选参数和默认参数
可选参数可以包含在函数类型定义中，而默认参数则不能。例如：
TypeScript复制
let f: (x: number, y?: number) => void;
f = function (x: number, y?: number): void {
console.log(x= ${x}, y=${y});
}
f(3); // 输出：x= 3, y=undefined
在这个例子中，y是一个可选参数，可以正常工作。
然而，如果尝试在函数类型定义中添加默认参数，TypeScript会报错。例如：
TypeScript复制
let f: (x: number, y: number = 2) => void;
运行这段代码会报错：A parameter initializer is only allowed in a function or constructor implementation。
不过，一个带有默认参数的函数实现可以被赋值给一个带有可选参数的函数类型。例如：
TypeScript复制
let f: (x: number, y?: number) => void;
f = function (x: number, y: number = 2): void {
console.log(x= ${x}, y=${y});
}
f(3); // 输出：x= 3, y=2
在这个例子中，f的类型定义中y是可选的，而函数实现中y是默认值为2的参数。这种情况下，TypeScript不会报错。
总结
TypeScript中的可选参数和默认参数为函数的使用提供了更大的灵活性。通过合理使用这些功能，可以使代码更加简洁和易读。需要注意的是，可选参数必须位于必需参数之后，而默认参数不能直接包含在函数类型定义中。希望本文的介绍和实例能够帮助你更好地理解和使用TypeScript中的可选参数和默认参数。