TypeScript基础知识：类型守卫和类型推断

最新推荐文章于 2025-03-29 11:42:19 发布

原创

最新推荐文章于 2025-03-29 11:42:19 发布 · 772 阅读

20 ·

CC 4.0 BY-SA版权

文章标签：

#typescript #javascript #前端

本文详细介绍了TypeScript中的类型守卫和类型推断，通过实例展示如何使用它们控制变量类型范围和自动推断类型，提升代码的安全性和灵活性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在 TypeScript 中，类型守卫和类型推断是两个重要的概念，它们可以帮助我们更好地理解和利用类型系统的优势。本文将详细介绍这两个概念，并提供示例代码来说明它们的用法和优势。

一、类型守卫

类型守卫是一种在 TypeScript 中用于缩小变量类型范围的技术。当我们使用条件语句或特定的语法结构时，TypeScript 可以根据这些条件自动推断出变量的具体类型。这样，我们就可以在不同的代码块中使用不同的类型方法和属性，而无需手动进行类型断言。下面是一个简单的示例，展示了如何使用类型守卫：

function printLength(value: string | string[]) {
  if (Array.isArray(value)) {
    console.log("数组长度：" + value.length);
  } else {
    console.log("字符串长度："