令和5年に知っているべきTypeScriptのnamespaceの知識

TypeScriptにはnamespaceという構文が存在します。この構文はTypeScript初期からある独自構文の一つですが、現在では特殊な用途以外では使う理由が無いため、よく知らないという方も多いでしょう。 実際、一部のレアケースを除いてnamespaceを使う必要はありませんが、それでも知識としてあったほうが良いことが多少あります。この記事ではこの部分を解説します。 型に.でアクセスできるやつ TypeScriptを使っていると.を使って型にアクセスする機会があるでしょう。例えばReact.FCなどです。 実は、親.型名のように.を使って型にアクセスできるのは、namespaceの機能です。上のコードでのReactは単なる型や単なる変数ではなくnamespaceなのです。 試しに、Foo.BarがstringとなるようにFooを定義してみてください。これができる方法は2つしかありま

[shingo-sasaki-0529]

名前空間簡単に作れてドットアクセスの可読性も良いせいでつい魅力的に見えてしまうのよね。もちろん使うこと無いんだけど。 そんで module.type 形式のアクセスが namespace で実現されてるの普通に知らなかった。

[yarumato]

“import * 構文を使用すると、TypeScriptの型システム上ではnamespaceとして扱われるので、Foo.Bar のようにアクセスできます。”