联合类型作为函数参数的关键

联合类型作为函数参数的关键是使用联合类型来声明函数参数，然后在函数内部通过类型断言或条件判断来处理不同的参数类型。

下面是一个使用联合类型作为函数参数的代码示例：

function printData(data: string | number) {
  if (typeof data === 'string') {
    console.log('The data is a string:', data);
  } else if (typeof data === 'number') {
    console.log('The data is a number:', data);
  } else {
    console.log('Invalid data type');
  }
}

printData('Hello');  // 输出: The data is a string: Hello
printData(42);      // 输出: The data is a number: 42
printData(true);    // 输出: Invalid data type

在上面的示例中，函数printData接受一个联合类型的参数data，可以是字符串或数字类型。在函数内部，我们使用typeof运算符来判断data的类型，并根据不同的类型输出相应的信息。

另外，你还可以使用类型断言来告诉编译器更具体的类型，以便在函数内部使用该类型的方法或属性。例如：

function printLength(data: string | number) {
  if (typeof data === 'string') {
    console.log('The length of the string is:', (data as string).length);
  } else if (typeof data === 'number') {
    console.log('Invalid operation');
  } else {
    console.log('Invalid data type');
  }
}

printLength('Hello');  // 输出: The length of the string is: 5
printLength(42);      // 输出: Invalid operation
printLength(true);    // 输出: Invalid data type

在上面的示例中，我们使用类型断言(data as string)将data断言为字符串类型，以便在输出字符串长度时使用length属性。

需要注意的是，使用联合类型作为函数参数时，我们需要在函数内部对不同的参数类型进行处理，以保证代码的正确性。