โครงสร้างของอ็อบเจกต์ใน TypeScript
เราไม่จำเป็นต้องพึ่งพา TypeScript ในการ กำหนดโครงสร้างของอ็อบเจกต์เสมอไป แต่สามารถระบุ โครงสร้างนั้นเป็นประเภทข้อมูลตอนประกาศตัวแปรได้
ตัวอย่างเช่น ลองประกาศตัวแปร
user โดยระบุว่าเป็นอ็อบเจกต์ ซึ่งมีฟิลด์
'name' เก็บข้อมูลประเภท - สตริง
และฟิลด์ 'age' เก็บข้อมูลประเภท - ตัวเลข:
let user: {name: string, age: number};
จากนั้นกำหนดค่าให้กับตัวแปรของเราเป็นอ็อบเจกต์ที่สอดคล้อง:
user = {name: 'john', age: 30};
เราสามารถรวมทั้งสองขั้นตอนไว้ในบรรทัดเดียวได้: ประกาศอ็อบเจกต์และกำหนดค่าให้ทันที:
let user: {name: string, age: number} = {name: 'john', age: 30};
หลังจากนี้ TypeScript จะทำหน้าที่ควบคุม โครงสร้างและประเภทข้อมูลของอ็อบเจกต์ และจะ แสดงข้อผิดพลาดเมื่อพยายามเปลี่ยนแปลงข้อมูล ในทางที่ไม่ถูกต้อง ตัวอย่าง:
user.name = 123; // ข้อผิดพลาด
โดยไม่ต้องรันโค้ด จงกำหนดว่าผลลัพธ์ของการทำงานโค้ดจะเป็นอย่างไร:
let date: {year: number, month: number, day: number};
date = {year: 2025, month: 12, day: '01'};