NamespaceとModule:現代的な使い方
NamespaceよりModuleが推奨される理由を理解します。
「NamespaceとModule:現代的な使い方」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全4レッスンが含まれています。
ようこそ
名前空間とは
namespace Geometry {
export interface Point { x: number; y: number; }
export function distance(a: Point, b: Point): number {
return Math.sqrt((a.x - b.x) ** 2 + (a.y - b.y) ** 2);
}
}名前空間メンバーへのアクセス
const p1: Geometry.Point = { x: 0, y: 0 };
const p2: Geometry.Point = { x: 3, y: 4 };
const d = Geometry.distance(p1, p2); // 5入れ子になった名前空間
namespace App {
export namespace Models {
export interface User { name: string; }
}
}
const u: App.Models.User = { name: 'Alice' };名前空間のマージ
namespace Validation {
export function validate(s: string): boolean { return s.length > 0; }
}
namespace Validation {
export function sanitize(s: string): string { return s.trim(); }
}モジュールが推奨される理由
名前空間に相当するモジュール
// geometry.ts
export interface Point { x: number; y: number; }
export function distance(a: Point, b: Point): number {
return Math.sqrt((a.x - b.x) ** 2 + (a.y - b.y) ** 2);
}宣言ファイルでは今も使われる名前空間
// node.d.ts
declare namespace NodeJS {
interface ProcessEnv { NODE_ENV?: 'development' | 'production'; }
}トリプルスラッシュ参照(レガシー)
/// <reference types="node" />
/// <reference path="./other.d.ts" />名前空間を今も使う場合
名前空間からモジュールへの移行
確認問題
まとめ
よくある質問
「NamespaceとModule:現代的な使い方」レッスンは無料ですか?
はい。「NamespaceとModule:現代的な使い方」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全4レッスンが含まれています。
「NamespaceとModule:現代的な使い方」で何を学びますか?
NamespaceよりModuleが推奨される理由を理解します。 ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
TypeScript Academyを始めるのに経験は必要ですか?
事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。
「NamespaceとModule:現代的な使い方」レッスンにはどのくらい時間がかかりますか?
ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このTypeScript Academyレッスンでコードを書いて実行できますか?
はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- ES Module構文:importとexport
- 再エクスポートとBarrelファイル
- 型専用のImportとExport
- NamespaceとModule:現代的な使い方