Method Shorthand Syntax Considered Harmful

Matt PocockMatt is a well-regarded TypeScript expert known for his ability to demystify complex TypeScript concepts. You might have noticed that there are two ways you can annotate a function on an object in TypeScript. interface Obj { // Method shorthand syntax version1(param: string): void; // Object property syntax version2: (param: string) => void; } They look very innocuous. But there's a sub

[jay-es]

type や interface でのメソッド省略記法は双変なので、予期せぬ実行時エラーを引き起こす危険性がある。関数のプロパティとして記述するのがよい。ESLint で禁止可能

[ginpei]

TypeScriptでメソッド定義をメソッド風 `{ foo(): void }` に書くのとアロー関数風 `{ foo: ()=>void }` に書くのとでコンパイラーの認識が変わる話。アロー関数風の方が型エラーをちゃんと検出してくれる。ESLintで記法を抑制できる。