TypeScript中`unknown`的使用场景：安全处理未知类型

逐星ing

已于 2024-05-11 10:04:14 修改

阅读量996

点赞数 22

分类专栏： TypeScript 前端文章标签： typescript 开发语言 node.js 前端 javascript

于 2024-05-10 11:26:45 首次发布

本文链接：https://blog.csdn.net/qq_41791705/article/details/138657794

版权

前端同时被 2 个专栏收录

38 篇文章 0 订阅

订阅专栏

TypeScript

34 篇文章 0 订阅

订阅专栏

TypeScript中`unknown`的使用场景：安全处理未知类型

引言

在TypeScript中，unknown类型是除了any类型之外的另一种选择，它用于表示一个值可能是任何类型。与any不同，unknown提供了一种更安全的方式来处理未知的数据，因为对unknown类型的值进行操作之前必须先进行类型检查或类型断言。

基础知识

unknown类型是TypeScript中的一个顶级类型，它与any相对，但提供了更多的类型安全性。使用unknown可以帮助你避免在类型不明确的情况下进行不安全的类型操作。

核心概念

类型保护：使用类型保护来区分unknown和其他类型。
类型断言：对unknown类型的值进行断言，以指定一个更具体的类型。
类型守卫：创建自定义类型守卫来缩小unknown的类型范围。

示例演示

基本使用：

function printValue(value: unknown) {
  if (typeof value === 'string') {
    console.log(value.toUpperCase());
  } else {
    console.log('Not a string');
  }
}

类型断言：

function getValue(maybeString: unknown): string {
  if (maybeString instanceof String) {
    return maybeString as string;
  }
  throw new Error('Not a string');
}

自定义类型守卫：

function isString(value: unknown): value is string {
  return typeof value === 'string';
}

let myValue: unknown = 'Hello';
if (isString(myValue)) {
  console.log(myValue.toUpperCase());
}

实际应用

在处理来自不可靠源或动态数据时，unknown非常有用，比如从JSON文件、网络请求或第三方库接收数据。

处理JSON数据：

interface UserData {
  name: string;
  age: number;
}

const userDataJson = '{"name": "Alice", "age": 30}'; // 假设从文件或网络接收到的JSON字符串
let userData: unknown;

try {
  userData = JSON.parse(userDataJson);
  if (typeof userData === 'object' && userData) {
    // 使用类型断言来安全地将userData转换为UserData类型
    const user: UserData = userData as UserData;
    console.log(user.name, user.age);
  }
} catch (error) {
  console.error('Invalid JSON data');
}