博客站

any 和 unknown 是 TypeScript 中的两种特殊类型，它们都用于表示不确定的类型，但在使用上有一些重要的区别。理解它们的区别对于编写类型安全的代码非常重要。

any 类型

any 类型是 TypeScript 中最灵活的类型，它允许你绕过类型检查。当你将一个变量声明为 any 类型时，你可以对它进行任何操作，而 TypeScript 不会进行类型检查。

示例

let value: any;

value = 42; // OK
value = "hello"; // OK
value = true; // OK
value = [1, 2, 3]; // OK
value = {}; // OK

value.foo(); // OK，TypeScript 不会检查 value 是否有 foo 方法
value.bar = 123; // OK，TypeScript 不会检查 value 是否有 bar 属性

优点

• 灵活性：any 类型允许你在不进行类型检查的情况下编写代码，这在迁移 JavaScript 代码到 TypeScript 时非常有用。

缺点

• 类型不安全：使用 any 类型会失去 TypeScript 的类型检查能力，可能导致运行时错误。
• 代码可维护性差：使用 any 类型会降低代码的可读性和可维护性，因为类型信息丢失了。

unknown 类型

unknown 类型是 TypeScript 3.0 引入的一种类型，它表示一个未知的类型。与 any 不同，unknown 类型是类型安全的。你不能直接对 unknown 类型的变量进行任何操作，除非你先进行类型检查或类型断言。

示例

let value: unknown;

value = 42; // OK
value = "hello"; // OK
value = true; // OK
value = [1, 2, 3]; // OK
value = {}; // OK

// value.foo(); // Error: Object is of type 'unknown'.
// value.bar = 123; // Error: Object is of type 'unknown'.

if (typeof value === "object" && value !== null && "foo" in value) {
    value.foo(); // OK，因为已经进行了类型检查
}

优点

• 类型安全：unknown 类型要求你在使用变量之前进行类型检查或类型断言，从而确保类型安全。
• 代码可维护性高：使用 unknown 类型可以保留类型信息，提高代码的可读性和可维护性。

缺点

• 需要额外的类型检查：使用 unknown 类型时，你需要进行额外的类型检查或类型断言，这可能会增加代码的复杂性。

any 和 unknown 的区别

使用建议

• 尽量避免使用 any：any 类型会绕过类型检查，导致类型不安全，应尽量避免使用。
• 优先使用 unknown：当你需要一个不确定的类型时，优先使用 unknown 类型，因为它要求你在使用变量之前进行类型检查或类型断言，从而确保类型安全。

示例对比

// 使用 any
let anyValue: any;
anyValue = 42;
anyValue.foo(); // 不会报错，但运行时可能会出错

// 使用 unknown
let unknownValue: unknown;
unknownValue = 42;
// unknownValue.foo(); // 报错：Object is of type 'unknown'
if (typeof unknownValue === "number") {
    console.log(unknownValue.toFixed(2)); // OK，因为已经进行了类型检查
}

总结

any 和 unknown 都用于表示不确定的类型，但 any 类型绕过类型检查，导致类型不安全，而 unknown 类型要求在使用变量之前进行类型检查或类型断言，从而确保类型安全。在编写 TypeScript 代码时，应尽量避免使用 any，优先使用 unknown 来提高代码的类型安全性和可维护性。