轉載：https://cloud.tencent.com/developer/article/1667799
1、什么是TypeScript？
TypeScript是JavaScript的加強版，它給JavaScript添加了可選的靜態類型和基於類的面向對象編程，它拓展了JavaScript的語法。
而且TypeScript不存在跟瀏覽器不兼容的問題，因為在編譯時，它產生的都是JavaScript代碼。
2、TypeScript 和 JavaScript 的區別是什么？
Typescript 是 JavaScript 的超集，可以被編譯成 JavaScript 代碼。 用 JavaScript 編寫的合法代碼，在 TypeScript 中依然有效。Typescript 是純面向對象的編程語言，包含類和接口的概念。 程序員可以用它來編寫面向對象的服務端或客戶端程序，並將它們編譯成 JavaScript 代碼。
TypeScript和 JavaScript的關系
TypeScript 引入了很多面向對象程序設計的特征，包括：
interfaces 接口
classes 類
enumerated types 枚舉類型
generics 泛型
modules 模塊
主要不同點如下：
TS 是一種面向對象編程語言，而 JS 是一種腳本語言（盡管 JS 是基於對象的）。
TS 支持可選參數， JS 則不支持該特性。
TS 支持靜態類型，JS 不支持。
TS 支持接口，JS 不支持接口。
3為什么要用 TypeScript ？
TS 在開發時就能給出編譯錯誤， 而 JS 錯誤則需要在運行時才能暴露。
作為強類型語言，你可以明確知道數據的類型。代碼可讀性極強，幾乎每個人都能理解。
TS 非常流行，被很多業界大佬使用。像 Asana、Circle CI 和 Slack 這些公司都在用 TS。
4、TypeScript 和 JavaScript 哪個更好？
由於 TS 的先天優勢，TS 越來越受歡迎。但是TS 最終不可能取代 JS，因為 JS 是 TS 的核心。
選擇 TypeScript 還是 JavaScript 要由開發者自己去做決定。如果你喜歡類型安全的語言，那么推薦你選擇 TS。 如果你已經用 JS 好久了，你可以選擇走出舒適區學習 TS，也可以選擇堅持自己的強項，繼續使用 JS。
5、什么是泛型？
泛型是指在定義函數、接口或類的時候，不預先指定具體的類型，使用時再去指定類型的一種特性。
可以把泛型理解為代表類型的參數
// 我們希望傳入的值是什么類型，返回的值就是什么類型
// 傳入的值可以是任意的類型，這時候就可以用到 泛型
// 如果使用 any 的話，就失去了類型檢查的意義
function createArray1(length: any, value: any): Array<any> {
let result: any = [];
for (let i = 0; i < length; i++) {
result[i] = value;
}
return result;
}
let result = createArray1(3, 'x');
console.log(result);
// 最傻的寫法：每種類型都得定義一種函數
function createArray2(length: number, value: string): Array<string> {
let result: Array<string> = [];
for (let i = 0; i < length; i++) {
result[i] = value;
}
return result;
}
function createArray3(length: number, value: number): Array<number> {
let result: Array<number> = [];
for (let i = 0; i < length; i++) {
result[i] = value;
}
return result;
}
// 或者使用函數重載，寫法有點麻煩
function createArray4(length: number, value: number): Array<number>
function createArray4(length: number, value: string): Array<string>
function createArray4(length: number, value: any): Array<any> {
let result: Array<number> = [];
for (let i = 0; i < length; i++) {
result[i] = value;
}
return result;
}
createArray4(6, '666');
//使用泛型
// 有關聯的地方都改成 <T>
function createArray<T>(length: number, value: T): Array<T> {
let result: T[] = [];
for (let i = 0; i < length; i++) {
result[i] = value;
}
return result;
}
// 使用的時候再指定類型
let result = createArray<string>(3, 'x');
// 也可以不指定類型，TS 會自動類型推導
let result2 = createArray(3, 'x');
console.log(result);
6、TS中的類
TypeScript 是面向對象的 JavaScript。而其中的類描述了所創建的對象共同的屬性和方法。
傳統的JavaScript程序使用函數和基於原型的繼承來創建可重用的組件，但這對於熟悉使用面向對象方式的程序員來說有些棘手，因為他們用的是基於類的繼承並且對象是從類構建出來的。
從ECMAScript 2015，也就是ECMAScript 6，JavaScript程序將可以使用這種基於類的面向對象方法。在TypeScript里允許開發者現在就使用這些特性，並且編譯后的JavaScript可以在所有主流瀏覽器和平台上運行，
7、什么是構造函數，構造函數作用是什么？
構造函數 ，是一種特殊的方法。主要用來在創建對象時初始化對象， 即為對象成員變量賦初始值，總與new運算符一起使用在創建對象的語句中。而TypeScript的構造函數用關鍵字constructor來實現。可以通過this（和java/C#一樣代表對象實例的成員訪問）關鍵字來訪問當前類體中的屬性和方法。
8、實例化是什么？
一般情況下，創建一個類后並不能直接的對屬性和方法進行引用，必須對類進行實例化，即創建一個對象。TypeScript中用new 關鍵字創建對象。實例化后通過“.”來訪問屬性和方法
9、方法重寫是什么？
子類可繼承父類中的方法，而不需要重新編寫相同的方法。但有時子類並不想原封不動地繼承父類的方法，而是想作一定的修改，這就需要采用方法的重寫
重寫的作用在於子類可以根據需要，定義特定於自己的行為。也就是說子類能夠根據需要實現父類的方法。
10、什么是可索引類型接口？
一般用來約束數組和對象
/ 數字索引——約束數組
// index 是隨便取的名字，可以任意取名
// 只要 index 的類型是 number，那么值的類型必須是 string
interface StringArray {
// key 的類型為 number ，一般都代表是數組
// 限制 value 的類型為 string
[index:number]:string
}
let arr:StringArray = ['aaa','bbb'];
console.log(arr);
// 字符串索引——約束對象
// 只要 index 的類型是 string，那么值的類型必須是 string
interface StringObject {
// key 的類型為 string ，一般都代表是對象
// 限制 value 的類型為 string
[index:string]:string
}
let obj:StringObject = {name:'ccc'};
11、什么是函數類型接口？
對方法傳入的參數和返回值進行約束
// 注意區別
// 普通的接口
interface discount1{
getNum : (price:number) => number
}
// 函數類型接口
interface discount2{
// 注意:
// “:” 前面的是函數的簽名，用來約束函數的參數
// ":" 后面的用來約束函數的返回值
(price:number):number
}
let cost:discount2 = function(price:number):number{
return price * .8;
}
// 也可以使用類型別名
type Add = (x: number, y: number) => number
let add: Add = (a: number, b: number) => a + b
12、什么是類類型接口？
如果接口用於一個類的話，那么接口會表示“行為的抽象”
對類的約束，讓類去實現接口，類可以實現多個接口
接口只能約束類的公有成員（實例屬性/方法），無法約束私有成員、構造函數、靜態屬性/方法
// 接口可以在面向對象編程中表示為行為的抽象
interface Speakable {
name: string;
// ":" 前面的是函數簽名，用來約束函數的參數
// ":" 后面的用來約束函數的返回值
speak(words: string): void
}
interface Speakable2 {
age: number;
}
class Dog implements Speakable, Speakable2 {
name!: string;
age = 18;
speak(words: string) {
console.log(words);
}
}
let dog = new Dog();
dog.speak('汪汪汪');
13、什么是混合類型接口？
一個對象可以同時做為函數和對象使用
interface FnType {
(getName:string):string;
}
interface MixedType extends FnType{
name:string;
age:number;
}
interface Counter {
(start: number): string;
interval: number;
reset(): void;
}
function getCounter(): Counter {
let counter = <Counter>function (start: number) { };
counter.interval = 123;
counter.reset = function () { };
return counter;
}
let c = getCounter();
c(10);
c.reset();
c.interval = 5.0;
14、never 和 void 的區別？
void 表示沒有任何類型（可以被賦值為 null 和 undefined）。
never 表示一個不包含值的類型，即表示永遠不存在的值。
擁有 void 返回值類型的函數能正常運行。擁有 never 返回值類型的函數無法正常返回，無法終止，或會拋出異常。
15、TS的學前基礎？
因為 TypeScript 是對 JavaScript 的擴展，更准確的說是 ECMAScript。所以，我們學習我們這套 TypeScript 的課程，需要具備 ECMAScript 語言的基礎：
熟悉語法基礎（變量、語句、函數等基礎概念）
掌握內置對象（Array、Date 等）的使用
面向對象基本概念（構造函數、原型、繼承）