快捷導(dǎo)航

ts中any和unknow的區(qū)別及說明

更新時間：2026年03月30日 08:55:12 作者：JacksonChen_

本文介紹了TypeScript中any和unknown類型的使用場景,any類型非常靈活,但可能導(dǎo)致潛在的運(yùn)行時錯誤；而unknown類型雖然更嚴(yán)格,但在使用前需要進(jìn)行類型檢查,更安全,在不確定變量類型時,應(yīng)優(yōu)先考慮使用unknown以提高代碼安全性

前言

在開發(fā)中，尤其在 react 項(xiàng)目中，一般都是會使用 ts 的，但是如果 ts 使用不當(dāng)，就會出現(xiàn)很多any，也就是很多人笑成 typescript = anyscript，例如下面這段代碼：

export interface Person {
  name: any;
  age: any;
  sex: any;
}

很多使用一些簡單的類型定義，比如 number、boolean、string 可能我們還想寫一下，但是遇到一些復(fù)雜的比如對象、promise，由于影響速度就直接使用 any 代替了，當(dāng)然這樣確實(shí)比較方便，但是一昧的使用 any，ts 就失去了意義，盡管 ts 官方鼓勵大家使用 any。

而且有的領(lǐng)導(dǎo)在 cr 時，很討厭看到 any，如果有 any 是不給通過的。

那和any相似的還有一個unknow，本文就為大家簡單介紹一下，何時使用any何時使用unknow。

any

首先，讓我們來看看 any 類型。any 可以說是 ts 中最靈活的類型，它允許我們對該類型的值進(jìn)行任何操作，而不會觸發(fā)類型檢查。

這樣我們就可以將任何類型的值賦給 any 類型的變量，也可以將 any 類型的值賦給其他任何類型的變量。這種靈活性就使得 any 成為了一把雙刃劍。

舉個栗子：

let myAny: any = 42;
myAny = "Hello, world!";
myAny = true;
myAny = [1, 2, 3];

let myNumber: number = myAny; // 不會報(bào)錯
console.log(myAny.nonExistentMethod()); // 不會在編譯時報(bào)錯，但可能在運(yùn)行時報(bào)錯

在這個栗子中，我們可以看到 any 類型的變量可以被賦予任何類型的值，而且可以被賦給其他類型的變量，甚至竟然還可以調(diào)用不存在的方法而不會在編譯時報(bào)錯。這種自由度雖然方便，但也容易導(dǎo)致潛在的運(yùn)行時錯誤。

那么相比之下，unknown 類型則更加嚴(yán)格和安全。unknown 可以被認(rèn)為是類型安全版本的 any。它同樣可以接受任何類型的值，但是在使用 unknown 類型的值時，我們必須先進(jìn)行類型檢查或類型斷言。

unknown

來看一個 unknown 的栗子：

let myUnknown: unknown = 42;
myUnknown = "Hello, world!";
myUnknown = true;
myUnknown = [1, 2, 3];

// let myNumber: number = myUnknown; // 這行會報(bào)錯
// console.log(myUnknown.length); // 這行也會報(bào)錯

if (typeof myUnknown === "string") {
    console.log(myUnknown.toUpperCase());
}

let myString: string = myUnknown as string; // 使用類型斷言

在這個栗子中，我們可以看到 unknown 類型的變量同樣可以接受任何類型的值。但是，我們不能直接將 unknown 類型的值賦給其他類型的變量，也不能直接訪問 unknown 類型值的屬性或方法。我們必須先進(jìn)行類型檢查（ if 語句中的類型檢查）或使用類型斷言 as。