TypeScript 面試

---

在本教程中，我們將深入探討 TypeScript 的世界，並探索一些重要的面試問題及其相應的答案。TypeScript 是 JavaScript 的靜態型別超集，它為 JavaScript 開發帶來了增強的功能和靜態型別檢查。透過理解這些問題和答案，開發人員可以深入瞭解 TypeScript 的核心概念和功能。

TypeScript 基礎

以下是一些涵蓋 TypeScript 基礎知識的重要問題：

什麼是 TypeScript，它與 JavaScript 有何不同？

TypeScript 是一種程式語言，透過引入可選靜態型別和附加功能來擴充套件 JavaScript。JavaScript 是一種動態型別語言，而 TypeScript 允許開發人員為變數、函式引數和返回值顯式宣告型別。這帶來了在開發過程中儘早檢測錯誤的好處，因為 TypeScript 編譯器會檢查型別不一致性並提供有用的反饋。

TypeScript 的關鍵特性是什麼？

TypeScript 的關鍵特性包括：

• 靜態型別 - TypeScript 允許開發人員宣告和強制執行型別，儘早捕獲錯誤。

• 增強的工具 - TypeScript 提供高階開發工具以提高生產力。

• ECMAScript 相容性 - TypeScript 與現有的 JavaScript 程式碼庫相容。

• 程式碼可維護性 - TypeScript 促進了更好的程式碼組織、理解和可擴充套件性。

• 面向物件程式設計支援 - TypeScript 支援類、介面、繼承和訪問修飾符。

• 模組系統 - TypeScript 具有內建的模組系統，用於管理程式碼依賴項和可重用性。

TypeScript 如何幫助在開發過程中捕獲錯誤？

TypeScript 透過執行靜態型別檢查來幫助在開發過程中捕獲錯誤。它在不執行程式碼的情況下分析程式碼及其宣告的型別。此過程允許 TypeScript 在開發過程的早期識別型別相關的錯誤和不一致之處。透過在執行程式碼之前捕獲這些錯誤，開發人員可以主動解決這些錯誤，從而減少在執行時遇到錯誤或意外行為的可能性。

TypeScript 型別和型別系統

以下是一些涵蓋 TypeScript 型別和型別系統的重要問題：

TypeScript 中的基本型別是什麼？

在 TypeScript 中，基本型別包括布林值、數字、字串、陣列、元組、列舉、any、void、null 和 undefined。這些型別涵蓋了常見的數劇表示形式，例如邏輯值、數字、文字、元素陣列、不同型別的固定大小陣列、命名常量值、動態值、值缺失和未初始化變數。

TypeScript 中型別註解的目的是什麼？

TypeScript 中型別註解的目的是顯式宣告變數、函式引數和返回值的型別。透過提供型別註解，開發人員可以定義預期的數劇型別並在其程式碼中強制執行型別安全。型別註解有助於在開發過程中儘早捕獲錯誤和不一致之處，因為 TypeScript 編譯器會分析程式碼並驗證值是否根據其宣告的型別正確使用。

TypeScript 如何處理型別檢查？

TypeScript 透過稱為靜態型別檢查的過程執行型別檢查。在編譯期間，TypeScript 編譯器會分析程式碼並驗證變數、函式引數和返回值的型別是否與其各自的型別註解和預期用法一致。

TypeScript 中 null 和 undefined 有什麼區別？

在 TypeScript 中，null 和 undefined 都用於表示值缺失，但它們略有不同：

• null 是一個可以有意分配給變數的值，以指示物件值缺失。它是 null 型別的特定值。

• undefined 通常表示值缺失或未初始化的變數。它是 TypeScript 中的一種型別，會自動分配給尚未賦值的變數。

雖然 null 和 undefined 都被認為是假值，但它們在 TypeScript 中是不同的型別。null 型別的變數只能賦值為 null，而 undefined 型別的變數只能賦值為 undefined。

TypeScript 中的面向物件程式設計

以下是一些涵蓋 TypeScript 中面向物件程式設計的重要問題：

TypeScript 如何支援面向物件程式設計 (OOP)？

TypeScript 支援面向物件程式設計 (OOP) 原則和特性，允許開發人員以面向物件的方式編寫程式碼。以下是 TypeScript 支援 OOP 的一些方式：

• 類 - TypeScript 允許使用 class 關鍵字建立類。類將資料和行為封裝到物件中，提供建立例項的藍圖。它們支援諸如繼承、建構函式、屬性和方法之類的特性。

• 繼承 - TypeScript 支援類繼承，允許類繼承父類的屬性和方法。這促進了程式碼重用和類關係中的層次結構。

• 封裝 - TypeScript 透過訪問修飾符 (public、private 和 protected) 支援封裝。這些修飾符控制類成員的可見性和可訪問性，確保適當的封裝和資訊隱藏。

• 多型性 - TypeScript 支援多型性，允許不同類的物件被視為公共父類或介面的例項。這使程式碼更靈活，並且能夠跨多個類定義通用行為。

• 介面 - TypeScript 提供介面來定義物件的契約。介面描述類必須遵守的結構和行為。它們促進了鬆散耦合、抽象和基於契約的程式設計。

• 抽象類 - TypeScript 支援抽象類，它們是不能被例項化但可以作為其他類的基類的類。抽象類定義子類必須實現的公共屬性和方法。

透過提供這些特性，TypeScript 使用面向物件程式設計原則促進了建立模組化、可重用和結構化的程式碼。

TypeScript 中的訪問修飾符 (Public、Private、Protected) 是什麼？

TypeScript 中的訪問修飾符是用於控制類成員 (屬性和方法) 的可見性和可訪問性的關鍵字。以下是每個訪問修飾符的簡要說明：

• public - 公共成員可以從任何地方訪問，包括類內部和外部。任何程式碼部分都可以訪問和修改它們。

• private - 私有成員只能在定義它們的類中訪問。它們不能從類外部訪問或修改，包括子類。

• protected - 受保護的成員可以在定義它們的類及其子類中訪問。它們不能從類層次結構之外訪問。

高階 TypeScript 概念

以下是一些涵蓋高階 TypeScript 概念的重要問題：

什麼是泛型，它們如何在 TypeScript 中使用？

TypeScript 中的泛型允許建立可與不同型別一起使用的可重用程式碼元件。它們提供了一種定義型別引數的方法，這些型別引數可以在使用元件時指定。泛型使用尖括號 (<>) 表示，並且可以用於引數化函式、類和介面以動態地與不同的型別一起工作。

TypeScript 中 Readonly 修飾符的目的是什麼？

TypeScript 中的 readonly 修飾符用於指示屬性或變數應該是隻讀的，這意味著一旦賦值，其值就不能修改。它提供了一種強制不變性和防止意外修改特定資料的方法。

透過本全面的面試問答教程，使用者已經探索了與 TypeScript 相關的廣泛重要主題。透過理解這些概念，使用者能夠更好地有效地利用 TypeScript 的特性並構建強大、可擴充套件的應用程式。請記住繼續探索 TypeScript 的文件並在實際場景中練習實現這些概念，以進一步增強 TypeScript 技能和專業知識。