สาย Front-end ต้องรู้เรื่อง Memory Leak นั้นคือะไร

 

Memory Leak ใน Front-end คือปัญหาที่เกิดขึ้นเมื่อระบบจะพยายามจัดเก็บข้อมูลในหน่วยความจำ (memory) แต่ข้อมูลที่เก็บไว้ไม่ได้ถูกลบออกหรือถูกนำไปใช้งานในขณะที่ไม่ได้จำเป็น ซึ่งจะทำให้หน่วยความจำใช้งานไม่ได้เต็มที่ และอาจทำให้ระบบล่มเมื่อหน่วยความจำเต็มแล้ว

Memory leak ส่งผลต่อประสิทธิภาพของแอพพลิเคชัน และอาจทำให้แอพพลิเคชันทำงานไม่ตามปกติ หรือเกิด error ในขณะที่ใช้งาน

Memory leak อาจส่งผลเสียต่อประสิทธิภาพของแอปพลิเคชัน ทำให้ช้าลงหรือหยุดทำงาน สิ่งนี้อาจเป็นปัญหาอย่างยิ่งในการพัฒนา Front-end ซึ่งประสิทธิภาพของแอปพลิเคชันมีความสำคัญต่อการมอบประสบการณ์ผู้ใช้ที่ราบรื่น

วิธีการคืนค่า Memory จะมีรอบการเช็คว่าตัวแปรไหนไม่ใช้แล้ว จะคืนค่า Memory ส่วนนั้น ตัวที่เช็คแล้วคืนค่า Memory เรียกว่า garbage collector

สาเหตุที่ทำให้ Memory leak ใน Front-end เช่น:

• ไม่สามารถลบ EventListener หรือตัวจับเวลาเมื่อไม่ต้องการใช้งานครั้งต่อไป
• การสร้าง object ถูก reference ค้างไว้อยู่ โดนเราไม่กำหนดต่าตัวแปรนั้นเป็น Null ดีงนั้น garbage collector จะมองว่าตัวแปรนี้ใช้งานอยู่ จะไม่คืนค่า Memory ทำให้เกิด Memory ขยะ