タグ: JavaScript(TypeScript)

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" } を入れても怒られない。ただしリテラルで代入したときだけは怒られる。詳しくは仕様を読もう。

1/4（土）

久々に絵を描いていた。ニコ動見たり、ちょっとしたChrome拡張を書いたり。chibat氏のchrome-extension-typescript-starterがとても勉強になるサンプルだった（jQueryはなくしていきたいが）。

1/3（金）

自宅の気温や湿度を表示するwebアプリをいろいろとリファクタリングしていた。APIを叩いたレスポンスには型の保証がないが、 axios.get にジェネリクスを与えておけばその型が来たという想定で書くことができていい感じだった。このコードで渡すジェネリクスを更に外から与えられるT型にしているのは、インフラ層でドメイン層で定義した型を使ってはいけないから（ホンマか？）。

moment.jsはめちゃ便利。JavaScriptの組み込みのURLオブジェクトはパスの結合が便利にできるかと思いきやそうでもない。ホストとパスの結合だけ。