TS5.4と5.5のいいやつ

Transcript

1. TS5.4と5.5のこれ便利そう @merotan
2. 雑自己紹介 めろたん X(Twitter): @renyamizuno_ - 株式会社Leaner Technologiesで働いてる。 - フロントエンドを主軸にガヤガヤしてる人。 - サーバーサイドもやってる（最近はやってない（））。
3. TS5.4
4. NoInfer
5. NoInfer ジェネリック関数で引数の型をもとに、他の引数の形を推測できるようになる。
6. declare function doSomething<T extends string>(a: T[], b: T): void doSomething(["cat", "dog"], "hamster")
7. declare function doSomething<T extends string> (a: T[], b: NoInfer<T>): void doSomething(["cat", "dog"], "hamster")
9. Narrowing
10. Preserved Narrowing in Closures Following Last Assignments クロージャーの中で変数の型をよしなにしてくれる（雑 クロージャーの外で定義した変数の型推論がよりよくなる。 最後に代入された値の型になる。
11. function doSomething(names: string[], word: string | undefined) { if (word === undefined) { word = "hello!!"; } return names.map(name => `${name} ${word.toUpperCase()}`) }
12. function doSomething(names: string[], word: string | undefined) { if (word === undefined) { word = "hello!!"; } return names.map(name => `${name} ${word.toUpperCase()}`) }
13. TS5.5 (Beta)
14. Inferred Type Predicates
15. Inferred Type Predicates より良い感じに型を推論してくれる（雑 x === null とかを行った場合、より適切な型推論を行うようになる。 「is」が不要になることがある。
16. const array = [1,2,3,null,5].filter(x => x !== null) array.reduce((a, b) => a + b, 0)
17. const array = [1,2,3,null,5].filter(x => x !== null) array.reduce((a, b) => a + b, 0)
18. おわり https://devblogs.microsoft.com/typescript/announcing-typescript-5-4/ https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-beta/
19. Control Flow Narrowing for Constant Indexed Accesses
20. function f(obj: Record<string, unknown>, key: string) { if (typeof obj[key] === "string") { obj[key].toUpperCase(); } }
21. function f(obj: Record<string, unknown>, key: string) { if (typeof obj[key] === "string") { obj[key].toUpperCase(); } }