$derived: ค่าที่คำนวณแบบประกาศ

ใช้ $derived(expr) เพื่อคำนวณค่าจากแหล่งข้อมูลแบบรีแอกทีฟ

Svelte จะติดตามการพึ่งพาของนิพจน์โดยอัตโนมัติ ค่าที่คำนวณจะอัปเดตเมื่อแหล่งข้อมูลใด ๆ เปลี่ยนแปลง

ไม่สามารถกำหนดค่าให้ค่าที่คำนวณโดยตรงได้ ค่านั้นจะสะท้อนผลการคำนวณอยู่เสมอ

อ่านค่าที่คำนวณได้เช่นเดียวกับสถานะทั่วไป

ค่าที่คำนวณจะคำนวณเมื่อมีการอ่านค่าเท่านั้น หากไม่มีการอ่านค่า ระบบจะข้ามต้นทุนดังกล่าว

ผลลัพธ์จะถูกแคชไว้จนกว่าแหล่งข้อมูลจะเปลี่ยนแปลง จึงไม่ต้องคำนวณซ้ำทุกครั้งที่อ่านค่า

สำหรับตรรกะที่มีหลายคำสั่ง ให้ใช้รูปแบบ $derived.by(() => { ... })

$derived ใช้แทน $: x = ... โดยระบุอย่างชัดเจนกว่าและทำงานนอกไฟล์ .svelte ได้

TypeScript อนุมานชนิดข้อมูลจากนิพจน์โดยอัตโนมัติ

ค่าที่คำนวณต้องเป็นฟังก์ชันบริสุทธิ์ หากต้องการผลข้างเคียง ให้ใช้ $effect

มีการจดจำผลลัพธ์และคำนวณใหม่เฉพาะเมื่อการพึ่งพาเปลี่ยนแปลง

$derived ส่งคืนอะไร

$derived เป็นวิธีสมัยใหม่และชัดเจนสำหรับประกาศค่าที่คำนวณ ใช้ $derived.by สำหรับตรรกะที่มีหลายบรรทัด