chao情報

1/9（木）

http://www.typescriptlang.org/docs/handbook/interfaces.html

Introduction

• TSはduck typingでありstructural subtypingである

Our First Interface

• TSは要求されているプロパティがあるかだけをチェックする

Optional Properties

• プロパティ名の後ろに?をつけるとoptionalになる

Readonly properties

• プロパティ名の前にreadonlyをつけると書き換え不可になる
• ReadonlyArray<T> というやつもあるぞ

Excess Property Checks

• 要求されているプロパティがあるかだけをチェックする とoptionalを組み合わせると、optional propertyのプロパティ名のtypoが型エラーにならなくなる
• でもtypoはバグとして検出したい…検出したくない？
• なのでTSはプロパティ名を手書きする（リテラル）ときは特別に excess property checking をする
  • Object literal may only specify known properties, but 'hoge' does not exist in type 'Fuga'.
• excess property checking を回避する方法
  • as
  • interfaceの方に [propName: string]: any; を足しておく
  • 一度変数に入れる

1/8（水）

const createFakeFuga = (num: number) => ({ a: num, c: "hoge" });
const func = (array: number[]): { a: number }[] => array.map(createFakeFuga);

Playground Link

{ a: number } 型に { a: 1, c: "hoge" } を入れても怒られない。ただしリテラルで代入したときだけは怒られる。詳しくは仕様を読もう。