PlusMagi's Blog By Pitt Phunsanit Frontend TypeScript Scope คืออะไร? เจาะลึกขอบเขตตัวแปรใน Function อย่างเข้าใจ

TypeScript Scope คืออะไร? เจาะลึกขอบเขตตัวแปรใน Function อย่างเข้าใจ

TypeScript Scope คืออะไร? เจาะลึกขอบเขตตัวแปรใน Function อย่างเข้าใจ

การทำความเข้าใจเรื่อง ‘Scope’ หรือ ขอบเขตของตัวแปร ถือเป็นรากฐานที่สำคัญที่สุดอย่างหนึ่งในการเขียนโปรแกรมด้วยภาษาใดๆ ก็ตาม โดยเฉพาะเมื่อใช้ TypeScript ซึ่งเป็นการเพิ่มระบบ Static Typing เข้ามาเพื่อเสริมให้ JavaScript มีความเป็นระเบียบและคาดเดาได้มากขึ้น ในบริบทของการพัฒนาซอฟต์แวร์ Scopes ไม่ใช่เพียงแค่คำศัพท์ทางทฤษฎี แต่คือกลไกเชิงปฏิบัติ가กำหนดว่า ตัวแปรที่เราประกาศขึ้นมานั้น จะสามารถถูกเข้าถึง (Accessible) ได้จากส่วนไหนของโค้ด และจะอยู่รอดนานเท่าไร

💡 แนวคิดหลัก: การมองเห็นและความมีชีวิต

หากเปรียบเทียบ Code Base ทั้งหมดเสมือนบ้านหลังใหญ่ Variable Naming Convention เปรียบเหมือนป้ายชื่อห้องต่างๆ ส่วน ‘Scope’ คือรั้วหรือกำแพงรอบ ๆ ห้องเหล่านั้น กำหนดไม่ให้ใครภายนอกเข้ามาใช้งานสิ่งที่ไม่ควรแตะต้อง พูดง่ายๆ ว่ามันคือกฎเกณฑ์แห่ง