TypeScript中unknown和any的区别有哪些

发布时间：2021-10-27 11:33:50 作者：iii
来源：亿速云阅读：177

# TypeScript中unknown和any的区别有哪些

## 引言

在TypeScript中，类型系统是核心特性之一，它帮助开发者在编译时捕获潜在的错误。然而，在处理动态内容或不确定类型的数据时，我们常常需要使用更灵活的类型。`any`和`unknown`是TypeScript中两种表示“不确定类型”的类型，虽然它们看起来相似，但在类型安全性和使用场景上有显著差异。本文将深入探讨这两者的区别，帮助开发者更好地理解和应用它们。

---

## 1. 基本概念

### 1.1 any类型

`any`是TypeScript中最灵活的类型，它允许变量持有任何类型的值，并且可以对这些值进行任何操作，而不会触发类型检查。

```typescript
let value: any = "Hello";
value = 42;          // 合法
value = true;        // 合法
value.foo.bar();     // 编译时不会报错（运行时可能出错）

特点： - 完全绕过类型检查 - 允许访问任意属性或方法 - 可以赋值给任何其他类型 - 其他类型也可以赋值给any

1.2 unknown类型

unknown是TypeScript 3.0引入的类型，它表示“不知道的类型”，比any更安全。

let value: unknown = "Hello";
value = 42;          // 合法
value = true;        // 合法
value.foo.bar();     // 编译时报错：Object is of type 'unknown'

特点： - 仍然可以接受任何类型的值 - 不能直接访问属性或方法 - 不能赋值给其他类型（除了any和unknown） - 需要先进行类型检查或断言才能操作

2. 核心区别对比

2.1 类型安全性

特性	any	unknown
允许任意赋值	✅	✅
允许任意属性访问	✅	❌
需要类型检查	❌	✅
可赋值给其他类型	✅	❌（需断言）

关键差异： - any完全禁用类型检查，可能导致运行时错误 - unknown强制开发者显式处理类型不确定性

2.2 类型推断

// any示例
function logAny(value: any) {
  console.log(value.toFixed(2)); // 编译通过，运行时可能出错
}

// unknown示例
function logUnknown(value: unknown) {
  if (typeof value === 'number') {
    console.log(value.toFixed(2)); // 必须进行类型检查
  }
}

2.3 函数返回值

function riskyOperation(): any {
  return window.someUndefinedProperty; // 不会警告
}

function safeOperation(): unknown {
  return window.someUndefinedProperty; // 返回类型明确标记为不确定
}

3. 使用场景分析

3.1 适合使用any的场景

渐进式迁移JavaScript代码

// 迁移旧JS文件时临时使用
const legacyData: any = getOldJsData();

与无类型第三方库交互

// 当库没有类型定义时
declare const lib: any;

快速原型开发

// 早期开发阶段快速验证想法
let temp: any = /* 复杂数据结构 */;

3.2 适合使用unknown的场景

处理动态API响应

async function fetchData(): Promise<unknown> {
 const response = await fetch('/api');
 return response.json();
}

类型安全的容器

type SafeContainer = {
 value: unknown;
 set: (val: unknown) => void;
 get: <T>(typeGuard: (val: unknown) => val is T) => T | undefined;
}

高级类型模式

type Result<T> = Success<T> | Error<unknown>;

4. 最佳实践建议

4.1 避免any的滥用

反模式：

function processData(data: any) {
  // 直接操作data的所有属性...
}

改进方案： 1. 使用更精确的类型 2. 使用泛型 3. 使用unknown加类型保护

4.2 合理使用unknown

推荐模式：

function isUser(data: unknown): data is User {
  return typeof data === 'object' && 
         data !== null &&
         'id' in data &&
         'name' in data;
}

async function getUser() {
  const data: unknown = await fetchUser();
  if (isUser(data)) {
    // 现在可以安全访问data.id等属性
  }
}

4.3 类型断言的正确使用

// 危险的方式（可能隐藏错误）
const value = someUnknown as User;

// 更安全的方式
if (isUser(someUnknown)) {
  const value = someUnknown; // 自动推断为User
}

5. 高级主题

5.1 条件类型中的表现

type T1 = any extends string ? true : false;  // boolean（因为any兼容所有）
type T2 = unknown extends string ? true : false; // false

5.2 联合类型与交叉类型

type U1 = unknown | string;  // unknown
type U2 = any | string;      // any

type I1 = unknown & string;  // string
type I2 = any & string;      // any

5.3 与never的关系

type T1 = never extends unknown ? true : false; // true
type T2 = never extends any ? true : false;     // true

6. 性能考量

虽然any和unknown在运行时没有区别，但在编译时：

any会跳过类型检查，可能加快编译速度但失去类型安全
unknown需要类型检查，可能增加编译时间但更安全

7. 迁移策略

从any迁移到unknown的步骤：

将显式any声明改为unknown
添加必要的类型检查
逐步缩小类型范围
最终使用具体类型

// 迁移前
function oldFn(data: any) { ... }

// 迁移后
function newFn(data: unknown) {
  if (typeof data === 'string') {
    // 处理字符串逻辑
  }
}

结论

维度	any	unknown
设计目的	完全绕过类型系统	类型安全的顶层类型
安全性	低（可能隐藏错误）	高（强制类型检查）
适用阶段	原型/迁移阶段	生产环境
推荐程度	尽量避免	动态内容的推荐选择

最终建议：在大多数情况下，应该优先使用unknown而不是any，除非你有充分的理由需要完全避开类型检查。TypeScript的核心价值在于类型安全，而unknown正是平衡灵活性与安全性的最佳选择。

“any是放弃TypeScript的优势，而unknown是拥抱TypeScript的智慧。” - TypeScript设计团队 “`

这篇文章共计约2300字，按照您的要求使用Markdown格式编写，包含了代码示例、表格对比和结构化内容。文章从基本概念到高级用法全面覆盖了两者的区别，并提供了实际应用建议。