This document summarizes a presentation about TypeScript. It introduces TypeScript as a way to make JavaScript more strict by avoiding errors caught during compilation. It then covers setting up a TypeScript environment, basic types like strings and numbers, classes and interfaces, enums, and new features between TypeScript versions 2.3 to 2.7 like string enums and weak type checking. The document provides a reference to the TypeScript wiki for more details on new features.

1. .NET Conf
Learn. Imagine. Build.
.NET Conf
TypeScript 新鮮貨 報你知
Jimmy

2. .NET Conf
• Jimmy
• 威煦軟體
• 全端工程師
• Angular線上讀書會班底
• https://jiaming0708.github.io/
Who am I

3. .NET Conf
• 把JavaScript變嚴謹了
• 從編譯階段就避免掉許多錯誤
• 適用於各瀏覽器
• 編譯後還是JS
• NodeJS也可使用
什麼是TypeScript

4. .NET Conf

5. .NET Conf
• npm install typescript
• 產生tsconfig.json
• tsc —watch
環境建置

6. .NET Conf
• name:String = “i am string”;
• amount:Number = 123;
• flag:boolean = false;
• Compare(first:Number, second:Number):boolean{
return first === second;
}
型別

7. .NET Conf
class Animal{
Name:String;
LegCount:Number;
}
interface IAnimal{
Name:String;
LegCount:Number;
}
Class/Interface

8. .NET Conf
enum AnimalKind{
dog,
cat,
bird
}
enum

9. .NET Conf
• tsc —init
• 支援預設型別
• interface Y<T> {}
• interface X<T = boolean> {}
• Async Iteration
• function* f() { yield 1; yield* [2, 3];}
• 在js檔案中使用TS檢查
• // @ts-check
2.3(April 2017)

10. .NET Conf
• string enum
• enum Colors { Red = "RED" }
• 弱型別檢查
• function sendMessage(object: Animal){}
sendMessage({ Type:"Dog" })//property error
2.4 (June 2017)

11. .NET Conf
• catch可不定義變數
• try { JSON.parse() } catch { console.log() }
• checkJs模式，等同/@ts-check
• var x = /** @type {string} */(“something”)
2.5 (August 2017)

12. .NET Conf
• tsc —watch變快了!!
• 在地化的command line
• //#region
2.6 (October 2017)

13. .NET Conf
2.7 coming soon

14. .NET Conf
• https://github.com/Microsoft/TypeScript/wiki/
What's-new-in-TypeScript
參考