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

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

เหตุใดการใช้เฉพาะชนิดข้อมูลจึงสำคัญ

import { User } from './models'; // includes runtime binding
import type { User } from './models'; // compile-time only, erased

ไวยากรณ์สำหรับ import type

import type { ApiResponse } from './api-types';

function handleResponse(res: ApiResponse<User>): void {
  // ApiResponse used as type annotation only
}

ไวยากรณ์สำหรับ export type

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

การนำเข้าชนิดข้อมูลแบบแทรกในบรรทัด

import { type User, createUser } from './user';
// User is type-only, createUser is a runtime value

การแก้ไขการพึ่งพาแบบวนรอบ

verbatimModuleSyntax

// tsconfig.json
{ "compilerOptions": { "verbatimModuleSyntax": true } }

importsNotUsedAsValues

ประโยชน์สำหรับตัวรวมชุด

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

// public-api.ts
export type { User, UserRole } from './internal-user';
export { createUser } from './internal-user'; // runtime

ข้อผิดพลาด: ไม่สามารถใช้ import type เป็นค่าได้

import type { User } from './user';
// const u = new User(); // Error — User was imported as type-only

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

สรุปทบทวน