問(wèn)題 - 什么是 TypeScript？

• TypeScript 是 Javascript 的超集
• 添加靜態(tài)類型，從而提高代碼質(zhì)量并在運(yùn)行前進(jìn)行錯(cuò)誤檢查。
• 它支持接口、枚舉、泛型等功能。
• 提供更好的錯(cuò)誤檢查、增強(qiáng)的工具和改進(jìn)的代碼可讀性。

---

問(wèn)題 - 什么是顯式和隱式類型賦值？

• 顯式意味著寫(xiě)出類型。就像下面這樣——

let firstName: string = "Rutvik";

• 隱式意味著 TypeScript 將根據(jù)值猜測(cè)類型。以下類型將被視為數(shù)字

let age = 23;

---

問(wèn)題 - TypeScript 中any、unknown 和never 之間的區(qū)別？

• any 的類型用于分配任意類型的變量。
• 即使重新分配其他類型也不會(huì)報(bào)錯(cuò)。

let x: any = 10;
x = 'hello'; // No TypeScript error
console.log(x.toUpperCase()); // No TypeScript error

• unknown類型比any類型更好，因?yàn)樗笪覀冊(cè)趯?duì)值進(jìn)行操作之前檢查類型。

let y: unknown = 10;
// Type assertion needed before using y as number
if (typeof y === 'number') {
    console.log(y.toFixed(2));
}

• 類型從不代表從未發(fā)生過(guò)的值。
• 它通常用于未正確返回的函數(shù)的返回語(yǔ)句。

function throwError(message: string): never {
    throw new Error(message);
}

---

問(wèn)題 - 如何給出數(shù)組的類型？

• 對(duì)于輸入數(shù)組，我們需要給出如下類型。在下面的示例中，數(shù)組只能包含字符串類型。

const names: string[] = ["Rutvik", "Rohit", "Virat"];
names.push("Bumrah"); // no error

• 我們還可以使用 readonly 關(guān)鍵字，這可以防止數(shù)組被更改。

const names: readonly string[] = ["Rutvik", "Rohit", "Virat"];
names.push("Bumrah"); // Error: Property 'push' does not exist on type 'readonly string[]'.

---

問(wèn)題 - 什么是數(shù)組中的類型推斷？

• 如果我們不給數(shù)組指定任何類型，它會(huì)自動(dòng)推斷類型。

const numbers = [1, 2, 3]; // inferred to type number[]
numbers.push(4); // no error

---

問(wèn)題 - 什么是元組？

• 它是一個(gè)具有預(yù)定義長(zhǎng)度和類型的類型數(shù)組。
• 它在給出不同類型的混合數(shù)組類型時(shí)非常有用。

let ourTuple: [number, boolean, string];

// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];

---

問(wèn)題 - 什么是只讀元組？

• 如果我們不將元組設(shè)置為只讀，我們可以向定義的元組添加更多項(xiàng)，并且 TypeScript 不會(huì)拋出任何錯(cuò)誤。

let ourTuple: [number, boolean, string];

// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];
//No safety in indexes from 3
ourTuple.push('This is wrong');

• 現(xiàn)在，為了解決這個(gè)問(wèn)題，我們?cè)陬愋椭笆褂藐P(guān)鍵字 readonly。

let ourTuple: readonly [number, boolean, string];
// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];
// throws error as it is readonly
ourTuple.push('Coding Hero took a day off');

---

問(wèn)題 - 如何給出對(duì)象的類型？

• 我們可以通過(guò)創(chuàng)建另一個(gè)類似結(jié)構(gòu)的對(duì)象并指定對(duì)象中的鍵和鍵的類型來(lái)給出對(duì)象的類型。

interface CarTypes {
    brand: string,
    model: string,
    year: number
}


const car: CarTypes = {
  brand: "Tata",
  model: "Punch",
  year: 2020
};

---

問(wèn)題 - 如何在對(duì)象中擁有可選屬性？

• 要提供可選屬性或鍵，我們需要添加 ?在他們的鑰匙之后。

let firstName: string = "Rutvik";

---

問(wèn)題 - 解釋一下 TypeScript 中的枚舉？

• 枚舉是一種常量變量。您必須僅使用其中的值。
• 默認(rèn)情況下這些值是數(shù)字，從 0 開(kāi)始并以 1 遞增。
• 它們可以是數(shù)字或基于字符串的

let age = 23;

let x: any = 10;
x = 'hello'; // No TypeScript error
console.log(x.toUpperCase()); // No TypeScript error

---

問(wèn)題 - 什么是類型別名？

• 它們?cè)试S使用自定義名稱定義類型，并且可用于所有基本類型（如字符串和數(shù)字）以及復(fù)雜類型（如對(duì)象和數(shù)組）。

let y: unknown = 10;
// Type assertion needed before using y as number
if (typeof y === 'number') {
    console.log(y.toFixed(2));
}

---

問(wèn)題 - 什么是接口？

• 接口類似于類型，但只能用于對(duì)象。

function throwError(message: string): never {
    throw new Error(message);
}

---

問(wèn)題 - 如何擴(kuò)展接口？

• 接口可以使用extend關(guān)鍵字進(jìn)行擴(kuò)展。

const names: string[] = ["Rutvik", "Rohit", "Virat"];
names.push("Bumrah"); // no error

---

問(wèn)題 - 什么是并集和交集類型？

聯(lián)盟：-

• 當(dāng)屬性可以是多個(gè)值（例如字符串或數(shù)字）時(shí)，使用聯(lián)合類型。
• 因此，它們也被稱為 OR，并通過(guò)使用 | 來(lái)使用。象征。

const names: readonly string[] = ["Rutvik", "Rohit", "Virat"];
names.push("Bumrah"); // Error: Property 'push' does not exist on type 'readonly string[]'.

交叉口：-

• 將多種類型合并為一個(gè)時(shí)使用交叉類型。
• 因此，它們也稱為 AND，并通過(guò)使用 & 符號(hào)來(lái)使用。

const numbers = [1, 2, 3]; // inferred to type number[]
numbers.push(4); // no error

---

問(wèn)題 - Typescript 中的函數(shù)是什么？

如何在函數(shù)中給出返回類型？

• 我們可以在函數(shù)名后面加上 : 符號(hào)來(lái)給出函數(shù)的返回類型。

let ourTuple: [number, boolean, string];

// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];

如何在函數(shù)中指定參數(shù)類型？

• 我們可以通過(guò)在每個(gè)參數(shù)后面用 : 符號(hào)提及參數(shù)來(lái)給出參數(shù)的類型。

let ourTuple: [number, boolean, string];

// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];
//No safety in indexes from 3
ourTuple.push('This is wrong');

如何在函數(shù)中給出可選參數(shù)、默認(rèn)參數(shù)和剩余參數(shù)？

• 使用默認(rèn)參數(shù)，我們可以將參數(shù)標(biāo)記為可選。像這樣，其中 c 是可選的并用 ? 表示。

let ourTuple: readonly [number, boolean, string];
// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];
// throws error as it is readonly
ourTuple.push('Coding Hero took a day off');

• 默認(rèn)值（ES6 功能）位于類型之后。

interface CarTypes {
    brand: string,
    model: string,
    year: number
}


const car: CarTypes = {
  brand: "Tata",
  model: "Punch",
  year: 2020
};

• 其余參數(shù)（ES6 功能）被賦予數(shù)組類型，因?yàn)樗鼈冝D(zhuǎn)換數(shù)組中傳遞的項(xiàng)目。

interface CarTypes {
    brand: string,
    model: string,
    year?: number
}

const car: CarTypes = {
  brand: "Tata",
  model: "Punch"
};

---

問(wèn)題 - TypeScript 中的轉(zhuǎn)換是什么？

• 強(qiáng)制轉(zhuǎn)換是覆蓋變量類型的過(guò)程。
• 就像下面的示例一樣，類型未知，但在與 as 關(guān)鍵字一起使用時(shí)將其設(shè)置為字符串。

enum Direction {
  Up = 1,
  Down,
  Left,
  Right,
}
console.log(Direction.Up); // 1
console.log(Direction.Down); // 2

• 我們還可以使用<>代替 as。兩者的意思是一樣的。

let firstName: string = "Rutvik";

---

問(wèn)題 - TypeScript 中的泛型是什么？

• Typeascript 中的泛型允許您創(chuàng)建可以處理多種數(shù)據(jù)類型的可重用組件或函數(shù)。

let age = 23;

---

問(wèn)題 - Typescript 中的實(shí)用程序類型？

• TypeScript 提供實(shí)用類型來(lái)簡(jiǎn)化常見(jiàn)類型轉(zhuǎn)換。
• 這些類型使對(duì)象和接口類型的操作和交互變得更加容易。
• 以下是一些常用實(shí)用程序類型的細(xì)分：

1. 部分

• 使 T 類型的所有屬性可選。
• 用例：當(dāng)您想要?jiǎng)?chuàng)建一個(gè)只需要某些屬性的對(duì)象時(shí)。

let x: any = 10;
x = 'hello'; // No TypeScript error
console.log(x.toUpperCase()); // No TypeScript error

2. 必填

• 使 T 類型的所有屬性成為必需。
• 用例：當(dāng)您想要強(qiáng)制所有屬性必須存在時(shí)。

let y: unknown = 10;
// Type assertion needed before using y as number
if (typeof y === 'number') {
    console.log(y.toFixed(2));
}

3.只讀

• 使 T 類型的所有屬性只讀。
• 用例：確保對(duì)象的屬性無(wú)法被修改。

function throwError(message: string): never {
    throw new Error(message);
}

4. 選擇

• 通過(guò)從類型 T 中選取一組屬性 K 創(chuàng)建類型。
• 用例：當(dāng)您只需要類型的特定屬性時(shí)。

const names: string[] = ["Rutvik", "Rohit", "Virat"];
names.push("Bumrah"); // no error

5. 省略

• 通過(guò)從類型 T 中省略一組屬性 K 來(lái)創(chuàng)建類型。
• 用例：當(dāng)您想要除特定屬性之外的所有屬性時(shí)。

const names: readonly string[] = ["Rutvik", "Rohit", "Virat"];
names.push("Bumrah"); // Error: Property 'push' does not exist on type 'readonly string[]'.

6. 記錄

• 使用鍵 K 和類型 T 的值構(gòu)造一個(gè)類型。
• 用例：創(chuàng)建具有固定鍵和一致值類型的對(duì)象類型。

const numbers = [1, 2, 3]; // inferred to type number[]
numbers.push(4); // no error

7. 排除

• 從類型 T 中排除所有可分配給 U 的類型。
• 用例：過(guò)濾掉特定類型。

let ourTuple: [number, boolean, string];

// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];

8. 提取物

• 僅從類型 T 中提取可分配給 U 的類型。
• 用例：將類型縮小到特定子集。

let ourTuple: [number, boolean, string];

// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];
//No safety in indexes from 3
ourTuple.push('This is wrong');

9. 不可空

• 從類型 T 中排除 null 和 undefined。
• 用例：確保值既不為 null 也不未定義。

let ourTuple: readonly [number, boolean, string];
// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];
// throws error as it is readonly
ourTuple.push('Coding Hero took a day off');

10. 返回類型

• 推斷函數(shù)類型的返回類型。
• 用例：捕獲和使用函數(shù)的返回類型。

interface CarTypes {
    brand: string,
    model: string,
    year: number
}


const car: CarTypes = {
  brand: "Tata",
  model: "Punch",
  year: 2020
};

11. 實(shí)例類型

• 構(gòu)造一個(gè)由構(gòu)造函數(shù)類型 T 的實(shí)例類型組成的類型。
• 用例：獲取類實(shí)例的類型。

interface CarTypes {
    brand: string,
    model: string,
    year?: number
}

const car: CarTypes = {
  brand: "Tata",
  model: "Punch"
};

十二、參數(shù)

• 提取函數(shù)類型的參數(shù)類型。
• 用例：重用函數(shù)的參數(shù)類型。

enum Direction {
  Up = 1,
  Down,
  Left,
  Right,
}
console.log(Direction.Up); // 1
console.log(Direction.Down); // 2

---

以上是TypeScript 面試問(wèn)題的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！