型定義ファイルの読み方を解説する

[t-yng]

背景

TypeScriptを書いているとドキュメントのサンプルコードがJavaScriptで書かれており型を調べるために、ライブラリの型定義ファイルを参照することが多々ある。

その場合に型定義ファイルは見覚えのないキーワードが使われており、どう見れば良いか分からず悩むことが多いので、ライブラリの型定義ファイルを読み方が学べると良さそう。

関連 #395

[t-yng]

普段あまり見ないけど、型定義ファイルを読む時に登場するキーワード

• declare
  • 型定義ファイルで declare が付いてるパターンとないパターンの違い
  • interface には declareはつかない
• namespace
  • module と同義
  • https://www.typescriptlang.org/docs/handbook/namespaces.html#handbook-content
  • 名前空間が長い場合は名前空間エイリアスを利用できる
    • import d = A.B.C.d
    • 型定義ファイルで見る
• 型定義ファイル内でのexport default XXX; の意味
• /// <reference path=“xxxxx”>