เนมสเปซกับโมดูล: การใช้งานสมัยใหม่

ยินดีต้อนรับ

เนมสเปซคืออะไร

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" />

กรณีที่ยังควรใช้เนมสเปซ

การย้ายจากเนมสเปซไปยังโมดูล

ตรวจสอบความเข้าใจ

สรุป