面试题：TypeScript中any类型演变的基础理解

any类型最初引入目的

在TypeScript发展早期，JavaScript代码库和项目数量众多且规模庞大，将其迁移到TypeScript时面临巨大挑战。any类型的引入就是为了能够平滑过渡，让开发者可以逐步为JavaScript代码添加类型注释，而不必一次性对所有代码都添加精确类型。它允许开发者在还不确定类型的情况下，暂时用any来表示，让代码能够继续运行，同时也方便逐步添加类型检查。

any与unknown的区别

类型安全性：

any类型可以赋值给任何类型，任何类型也可以赋值给any类型，这会绕过TypeScript的类型检查，可能导致运行时错误。例如：

let value: any = "hello";
let num: number = value; // 这里不会报错，即使value实际是字符串类型，运行时可能出问题

unknown类型不能直接赋值给其他类型，必须先进行类型断言或类型缩小。例如：

let value: unknown = "hello";
// let num: number = value; // 报错，unknown类型不能直接赋值给number类型
if (typeof value === "number") {
    let num: number = value; // 通过类型缩小后可以赋值
}

用途：
- any类型适用于临时使用，比如在处理一些遗留代码或不确定第三方库返回类型且需要快速实现功能而不考虑类型安全时。
- unknown类型适用于在处理未知类型数据时，强制开发者进行类型检查和处理，以确保类型安全。

使用any类型的潜在风险及避免方法

潜在风险：
- 运行时错误：如上述例子，any类型绕过类型检查，可能导致在运行时出现类型不匹配错误，例如将字符串当作数字进行运算。
- 代码可维护性降低：使用any类型会让代码失去类型信息，其他开发者难以理解代码的意图和数据类型约束，增加维护成本。

避免方法：

类型推断：尽量依靠TypeScript的类型推断，让编译器自动推导类型。例如：

let num = 10; // num会被推断为number类型，无需显式声明

使用unknown替代：当不确定类型时，优先使用unknown类型，并通过类型缩小和断言来处理。例如：

function processValue(value: unknown) {
    if (typeof value === "string") {
        console.log(value.length);
    } else if (typeof value === "number") {
        console.log(value.toFixed(2));
    }
}

使用类型别名或接口：对于复杂数据结构，定义类型别名或接口来明确类型。例如：

type User = {
    name: string;
    age: number;
};
function greet(user: User) {
    console.log(`Hello, ${user.name}, you are ${user.age} years old.`);
}

星途面试题库

面试题：TypeScript中any类型演变的基础理解

知识考点

面试题答案

any类型最初引入目的

any与unknown的区别

使用any类型的潜在风险及避免方法