# 什麼是 TypeScript

首先，我對 TypeScript 的理解如下：

[TypeScript](http://www.typescriptlang.org/) 是 JavaScript 的一個超集，主要提供了**型別系統**和**對 ES6 的支援**，它由 Microsoft 開發，程式碼[開源於 GitHub](https://github.com/Microsoft/TypeScript) 上。

其次參考[官網](http://www.typescriptlang.org/)的定義：

> TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open source.

翻譯成中文即是：

> TypeScript 是 JavaScript 的型別的超集，它可以編譯成純 JavaScript。編譯出來的 JavaScript 可以執行在任何瀏覽器上。TypeScript 編譯工具可以執行在任何伺服器和任何系統上。TypeScript 是開源的。

## 為什麼選擇 TypeScript

[TypeScript 官網](http://www.typescriptlang.org/)列舉了一些優勢，不過我更願意自己總結一下：

### TypeScript 增加了程式碼的可讀性和可維護性

* 型別系統實際上是最好的文件，大部分的函式看看型別的定義就可以知道如何使用了
* 可以在編譯階段就發現大部分錯誤，這總比在執行時候出錯好
* 增強了編輯器和 IDE 的功能，包括程式碼自動完成、介面提示、跳轉到定義、重構等

### TypeScript 非常包容

* TypeScript 是 JavaScript 的超集，`.js` 檔案可以直接重新命名為 `.ts` 即可
* 即使不顯式的定義型別，也能夠自動做出[型別推論](/typescript-tutorial/basics/type-inference.md)
* 可以定義從簡單到複雜的幾乎一切型別
* 即使 TypeScript 編譯報錯，也可以產生 JavaScript 檔案
* 相容第三方函式庫，即使第三方函式庫不是用 TypeScript 寫的，也可以編寫單獨的型別檔案供 TypeScript 讀取

### TypeScript 擁有活躍的社群

* 大部分第三方函式庫都有提供給 TypeScript 的型別定義檔案
* Google 開發的 Angular2 就是使用 TypeScript 編寫的
* TypeScript 擁抱了 ES6 規範，也支援部分 ESNext 草案的規範

### TypeScript 的缺點

任何事物都是有兩面性的，我認為 TypeScript 的弊端在於：

* 有一定的學習成本，需要理解介面（Interfaces）、泛型（Generics）、類別（Classes）、列舉型別（Enums）等前端工程師可能不是很熟悉的概念
* 短期可能會增加一些開發成本，畢竟要多寫一些型別的定義，不過對於一個需要長期維護的專案，TypeScript 能夠減少其維護成本
* 整合到建構流程需要一些工作量
* 可能和一些函式庫結合的不是很完美

大家可以根據自己團隊和專案的情況判斷是否需要使用 TypeScript。

* [上一章：簡介](/typescript-tutorial/introduction.md)
* [下一章：安裝 TypeScript](/typescript-tutorial/introduction/get-typescript.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://willh.gitbook.io/typescript-tutorial/introduction/what-is-typescript.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.