在 TypeScript 中使用 any 資料型別

Rana Hasnain Khan 2022年7月18日
在 TypeScript 中使用 any 資料型別

我們將通過示例介紹如何在 Typescript 中使用 any 資料型別。

在 TypeScript 中使用 any 資料型別

當我們致力於開發商業應用程式時,有時我們並不總是知道使用者將在某個欄位中輸入什麼內容。為此,我們需要將變數定義為使用者友好的,並且在編譯時始終傳遞或檢查變數的型別。

TypeScript 總是檢查變數的型別並在編譯時新增一些檢查。大多數時候,我們可以很容易地定義變數的型別,但在某些不尋常的時候,使用者可能會輸入數字或字串,很難為單個變數管理多種型別。

TypeScript 提供了一種新的資料型別,當我們不確定變數的型別或將要插入以下變數的資料型別時,可以使用它。any 是 TypeScript 中的一種資料型別,我們用來定義一個變數以繞過變數的型別檢查和編譯時檢查。

讓我們通過一個例子,使用這種資料型別來宣告一個變數,然後嘗試在同一個變數中傳遞多種型別的值。

示例程式碼:

# Typescript
let vari: any = 7;
console.log(vari);
vari = "String Passed";
console.log(vari);
vari = false;
console.log(vari)

輸出:

將多種型別的值傳遞給使用任何資料型別定義的變數

正如我們從上面的示例中看到的,我們可以將任何型別的值傳遞給使用 any 資料型別宣告的變數。與變數類似,我們也可以使用 any 資料型別定義陣列。

讓我們再舉一個例子,我們將使用 any 資料型別建立一個陣列。

示例程式碼:

# Typescript
let myArray: any[] = [1, 2, true];
myArray.push("String");
myArray.push("Hello");
myArray.push(3);
myArray.push(false);
console.log(myArray);

輸出:

使用 Typescript 中的任何資料型別建立陣列

在上面的示例中,我們可以在使用 TypeScript 中的任何資料型別建立後,在陣列中插入任何型別的值。

Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn

相關文章 - TypeScript Datatype