Question 1

signal ใน Angular คืออะไร?

Accepted Answer

signal คือ primitive ของ reactivity ที่เปิดตัวใน Angular 16+ ซึ่งห่อหุ้มค่าและแจ้งเตือนผู้บริโภคโดยอัตโนมัติเมื่อค่านั้นเปลี่ยนแปลง ต่างจาก RxJS Observables, signals ให้แนวทางที่เรียบง่ายและมีประสิทธิภาพมากขึ้นในการจัดการ reactive state พวกมันเป็น synchronous โดยค่าเริ่มต้นและรวมเข้ากับระบบ change detection ของ Angular ได้อย่างเป็นธรรมชาติ

Question 2

จะสร้าง signal ด้วยค่าเริ่มต้นอย่างไร?

Accepted Answer

ฟังก์ชัน signal() รับค่าเริ่มต้นเป็นพารามิเตอร์: signal(0) สร้าง signal ที่มีค่า 0 signal ที่ส่งคืนเป็นฟังก์ชัน getter ที่สามารถเรียกใช้เพื่ออ่านค่าได้ หากต้องการแก้ไขค่า ให้ใช้เมธอด set(), update() หรือ mutate() ไวยากรณ์กระชับและหลีกเลี่ยง verbosity ของ BehaviorSubject RxJS

Question 3

จะอ่านค่าของ signal อย่างไร?

Accepted Answer

เรียกใช้ signal เหมือนเป็นฟังก์ชัน: count() คืนค่าปัจจุบัน ไวยากรณ์นี้อนุญาตให้ Angular ติดตาม dependencies โดยอัตโนมัติในบริบท reactive (templates, computed, effect) ต่างจาก Observables ที่ต้องใช้ subscribe() หรือ async pipe, signals ให้การอ่านแบบ synchronous และตรงไปตรงมา

Angular Signals

signal ใน Angular คืออะไร?

คำตอบ

จะสร้าง signal ด้วยค่าเริ่มต้นอย่างไร?

คำตอบ

จะอ่านค่าของ signal อย่างไร?

คำตอบ

เมธอดใดที่ใช้เพื่อแทนที่ค่าของ signal ทั้งหมด?

จะอัปเดต signal ตามค่าก่อนหน้าอย่างไร?

หัวข้อสัมภาษณ์ Angular อื่นๆ

พื้นฐาน TypeScript

TypeScript ขั้นสูง

พื้นฐาน Angular

คอมโพเนนต์และวงจรชีวิต

Services & Dependency Injection

การจัดระเบียบโมดูล Angular

Angular CLI

Directives และ Pipes

Routing และการนำทาง

Reactive Forms

Template-driven Forms

พื้นฐาน RxJS

Operator ของ RxJS

HttpClient และการเรียก API

การจัดการ state พื้นฐาน

Change Detection

Standalone Components

การทำ Unit Testing ใน Angular

การทดสอบ End-to-End

Build และการเพิ่มประสิทธิภาพ

พื้นฐาน NgRx

NgRx ขั้นสูง

สถาปัตยกรรม Angular

การปรับแต่งประสิทธิภาพ

ความปลอดภัยและแนวทางปฏิบัติที่ดี

รูปแบบ RxJS ขั้นสูง

Angular Universal และ SSR

Angular Micro-frontends

เชี่ยวชาญ Angular สำหรับการสัมภาษณ์ครั้งถัดไป