ไวยากรณ์โมดูล ES: import และ export

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

การส่งออกแบบระบุชื่อ

// math.ts
export function add(a: number, b: number): number { return a + b; }
export const PI = 3.14159;
export interface Config { host: string; }

การนำเข้าแบบระบุชื่อ

// app.ts
import { add, PI } from './math';
console.log(add(1, 2)); // 3
console.log(PI);        // 3.14159

การส่งออกค่าเริ่มต้น

// greeter.ts
export default function greet(name: string): string {
  return 'Hello, ' + name;
}

// app.ts
import greet from './greeter';
console.log(greet('Alice'));

นามแฝงของการนำเข้า

import { log as consoleLog } from './logger';
import { User as UserModel } from './models';

การนำเข้าเนมสเปซ

import * as math from './math';
console.log(math.add(1, 2));
console.log(math.PI);

การส่งออกซ้ำ

// index.ts
export { add, PI } from './math';
export { greet } from './greeter';
export * from './utils';

การส่งออกเฉพาะชนิดข้อมูล

// types.ts
export type { User, Product };
export type UserId = string;

การนำเข้าเฉพาะชนิดข้อมูล

import type { User } from './models';
// Only the type is imported — no JavaScript
function greet(user: User): string { return user.name; }

การแก้ไขเส้นทางโมดูล

การนำเข้า JSON

// tsconfig.json: "resolveJsonModule": true
import config from './config.json';
console.log(config.host); // typed based on JSON structure

ตรวจสอบอย่างรวดเร็ว

สรุปทบทวน