Question 1

ประเภทพื้นฐานของ TypeScript ใดที่แทนค่าข้อความ?

Accepted Answer

ประเภท string แทนค่าข้อความทั้งหมดใน TypeScript ไม่ว่าจะคั่นด้วยเครื่องหมายคำพูดเดี่ยว คู่ หรือ backtick สำหรับ template literals เป็นประเภทที่เหมาะสมสำหรับจัดเก็บข้อความ ชื่อ ข้อความ URL หรือเนื้อหาข้อความใดๆ ในแอปพลิเคชัน

Question 2

Generic ใน TypeScript คืออะไร?

Accepted Answer

Generic ช่วยให้สร้างคอมโพเนนต์ที่นำกลับมาใช้ใหม่ได้ซึ่งทำงานกับหลายประเภทแทนที่จะเป็นเพียงประเภทเดียว Generics ใช้พารามิเตอร์ประเภท (เช่น T) เพื่อแสดงประเภทใดๆ ก็ตาม สิ่งนี้ทำให้สามารถเขียนโค้ดที่ type-safe โดยไม่ต้องเสียสละความยืดหยุ่น เช่น ฟังก์ชันที่จัดการอาร์เรย์ของประเภทใดๆ ในขณะที่ยังคงรักษาข้อมูลประเภทไว้

Question 3

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

Accepted Answer

component คือองค์ประกอบพื้นฐานของแอปพลิเคชัน Angular ที่ควบคุมส่วนหนึ่งของอินเทอร์เฟซผู้ใช้ โดยรวม HTML template, CSS styles และคลาส TypeScript เข้ากับ decorator @Component สถาปัตยกรรมนี้ช่วยให้สร้างอินเทอร์เฟซที่นำกลับมาใช้ใหม่ได้และเป็นโมดูล ส่งเสริมการแยกความรับผิดชอบระหว่าง view และ business logic

Question 4

Lifecycle hook ใน Angular คืออะไร?

Accepted Answer

Lifecycle hook คือเมธอดพิเศษที่ Angular เรียกใช้โดยอัตโนมัติในช่วงเวลาสำคัญของวงจรชีวิตของ component หรือ directive ฮุกเหล่านี้ช่วยให้สามารถรันโค้ดในขั้นตอนเฉพาะ เช่น การสร้าง การอัปเดต หรือการทำลาย ฮุกที่พบบ่อยที่สุดคือ ngOnInit, ngOnChanges และ ngOnDestroy

Question 5

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

Accepted Answer

FormControl เป็นคลาสพื้นฐานของ reactive forms ใน Angular ที่แทนฟิลด์ฟอร์มแต่ละฟิลด์ มันห่อหุ้มค่าของฟิลด์ สถานะการตรวจสอบ และให้เมธอดสำหรับจัดการการโต้ตอบของผู้ใช้ FormControl แต่ละตัวสามารถมี validators ตอบสนองต่อการเปลี่ยนแปลงผ่าน observables และรักษาสถานะเช่น touched, dirty หรือ pristine ได้ มันเป็นองค์ประกอบพื้นฐานสำหรับการสร้าง reactive forms ที่ซับซ้อนด้วย FormGroup หรือ FormArray

Question 6

ต้อง import โมดูล Angular ใดเพื่อใช้ template-driven forms?

Accepted Answer

FormsModule จำเป็นสำหรับการเปิดใช้งาน template-driven forms ใน Angular มันให้ directive เช่น NgModel, NgForm และเปิดใช้งาน two-way data binding ด้วย [(ngModel)] หากไม่มีโมดูลนี้ form directive จะไม่ทำงานและ Angular จะโยนข้อผิดพลาด

Question 7

Observable ใน RxJS คืออะไร?

Accepted Answer

Observable คือ collection แบบ lazy ของหลายค่าตลอดเวลา มันแสดงถึง data stream ที่สามารถ emit ค่าเป็นศูนย์ หนึ่ง หรือหลายค่าแบบ synchronous หรือ asynchronous แตกต่างจาก Promise ที่ emit ค่าเดียว Observable สามารถ emit หลายค่าและรองรับการยกเลิกผ่าน unsubscribe

Question 8

NgRx Store ในแอปพลิเคชัน Angular คืออะไร?

Accepted Answer

NgRx Store คือการนำรูปแบบ Redux มาใช้สำหรับ Angular โดยอิงจาก RxJS ให้คอนเทนเนอร์แบบรวมศูนย์สำหรับจัดการ state ระดับโกลบอลของแอปพลิเคชันในลักษณะที่คาดเดาได้และไม่เปลี่ยนแปลง Store จะเปิดเผย Observable ที่อนุญาตให้คอมโพเนนต์สมัครรับการเปลี่ยนแปลง state ผ่าน selectors

Question 9

บทบาทหลักของ createEntityAdapter ใน NgRx คืออะไร?

Accepted Answer

Entity Adapter จะสร้าง reducer และ selector โดยอัตโนมัติเพื่อจัดการคอลเลกชันของ entity ที่ถูกทำให้เป็นมาตรฐาน มีเมธอดอย่าง addOne, addMany, updateOne, removeOne ที่ช่วยให้การจัดการ object ที่จัดทำดัชนีโดย ID ทำได้ง่ายขึ้น ซึ่งหลีกเลี่ยงการเขียน logic การจัดการคอลเลกชันด้วยตนเองและรับประกัน state ที่เป็นมาตรฐานเพื่อประสิทธิภาพที่ดีขึ้น

Question 10

ความแตกต่างหลักระหว่าง smart component และ presentational component คืออะไร?

Accepted Answer

Smart components (หรือ container components) จัดการ business logic, การเรียก API และ state ของแอปพลิเคชันผ่าน service หรือ state management. Presentational components มุ่งเน้นที่การแสดงผลเท่านั้นและรับข้อมูลผ่าน @Input และส่ง event ผ่าน @Output การแยกนี้ช่วยเพิ่มความสามารถในการทดสอบและการนำกลับมาใช้ใหม่ของ component

คำถามสัมภาษณ์ Angular

พร้อมสำหรับการสัมภาษณ์ Angular แล้วหรือยังครับ?

สำรวจหัวข้อ 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

Angular Signals

Standalone Components

การทำ Unit Testing ใน Angular

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

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

พื้นฐาน NgRx

NgRx ขั้นสูง

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

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

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

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

Angular Universal และ SSR

Angular Micro-frontends

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