面试题：TypeScript中动态类型与静态类型在函数参数中的体现

Question

在TypeScript中，定义两个函数，一个使用动态类型（any）作为参数，另一个使用静态类型（如string）作为参数。阐述这两种方式在函数调用和类型检查方面的区别，并说明在实际项目中各自适用的场景。

Answer 1

定义函数

1. 使用动态类型（any）作为参数的函数

function dynamicFunction(param: any) {
    console.log(param);
}

2. 使用静态类型（string）作为参数的函数

function staticFunction(param: string) {
    console.log(param);
}

函数调用和类型检查区别

1. 函数调用方面
   • 动态类型（any）：调用 dynamicFunction 时，可以传入任何类型的参数，如 dynamicFunction(123)，dynamicFunction('hello')，dynamicFunction({name: 'John'}) 等，不受类型限制。
   • 静态类型（string）：调用 staticFunction 时，只能传入 string 类型的参数，如 staticFunction('world')。若传入其他类型，如 staticFunction(456)，TypeScript 编译器会报错。
2. 类型检查方面
   • 动态类型（any）：TypeScript 对 any 类型的参数几乎不进行类型检查，在编译阶段不会因为参数类型不匹配而报错，这可能导致运行时错误。
   • 静态类型（string）：TypeScript 在编译阶段严格检查传入 staticFunction 的参数类型是否为 string。若不匹配，会给出明确的类型错误提示，有助于在开发阶段发现问题，提高代码的稳定性和可维护性。

实际项目适用场景

1. 动态类型（any）适用场景
   • 集成第三方库：当使用一些类型定义不完善或缺乏类型定义的第三方库时，由于不清楚其确切类型，可以使用 any 类型来快速集成，避免因类型定义问题导致的集成困难。但在使用后，最好尝试为其添加更精确的类型定义。
   • 临时开发或原型阶段：在项目初期进行快速原型开发时，为了快速实现功能，不希望过多关注类型，可以使用 any 类型。但在后续迭代中，应逐步将 any 类型替换为更精确的类型。
2. 静态类型（string 等具体类型）适用场景
   • 核心业务逻辑：在处理核心业务逻辑的函数中，使用具体的静态类型可以确保数据的准确性和一致性，减少因类型错误导致的难以调试的问题，提高代码的可读性和可维护性。
   • 团队协作开发：在多人协作的项目中，明确的静态类型可以让团队成员清楚了解函数参数和返回值的类型，降低沟通成本，减少因类型不一致引发的错误。