variable # JavaScript
ตัวแปร (Variable) ใน JavaScript คือ กล่องเก็บข้อมูล ที่ใช้สำหรับจัดเก็บค่าต่างๆ ที่สามารถอ้างถึงและนำไปใช้ในโปรแกรมได้ 📦
เปรียบเสมือนคุณกำลังติดป้ายกำกับให้กล่องเพื่อเก็บสิ่งของ ซึ่งในที่นี้ "กล่อง" คือตัวแปร และ "สิ่งของ" ค ือค่าข้อมูล (เช่น ตัวเลข, ข้อความ, ค่าตรรกะ)
การประกาศตัวแปรใน JavaScript
การประกาศตัวแปรใน JavaScript สามารถทำได้โดยใช้คีย์เวิร์ด 3 ตัวหลักๆ ซึ่งแต่ละตัวมีลักษณะการทำงานและขอบเขต (Scope) ที่แตกต่างกัน:
1. let
◦ ใช้สำหรับ: ประกาศตัวแปรที่สามารถเปลี่ยนแปลงค่าได้ในภายหลัง
◦ ขอบเขต (Scope): เป็นแบบ Block Scope หมายความว่าตัวแปรจะสามารถเข้าถึงได้เฉพาะภายในบล็อกโค้ด ({ }) ที่ถูกประกาศเท่านั้น
◦ ตัวอย่าง:
JavaScript
let age = 30;
age = 31; // สามารถเปลี่ยนค่าได้
2. const
◦ ใช้สำหรับ: ประกาศ ค่าคงที่ (Constant) ซึ่งต้องกำหนดค่าเริ่มต้นทันที และไม่สามารถเปลี่ยนแปลงค่าได้ในภายหลัง
◦ ขอบเขต (Scope): เป็นแบบ Block Scope เช่นเดียวกับ let
◦ ตัวอย่าง:
JavaScript
const PI = 3.14159;
// PI = 3.14; // จะเกิดข้อผิดพลาด เพราะไม่สามารถเปลี่ยนค่า const ได้
◦ ⚠️ ข้อยกเว้น: สำ หรับ Object และ Array ที่ประกาศด้วย const นั้น ค่าที่อยู่ภายใน Object หรือ Array ยังสามารถเปลี่ยนแปลงได้ (แต่ไม่สามารถกำหนดค่าตัวแปรใหม่ทั้งหมดได้)
3. var
◦ ใช้สำหรับ: เป็นคีย์เวิร์ดแบบเก่าที่ใช้ในการประกาศตัวแปร (ก่อนยุค ES6/ES2015)
◦ ขอบเขต (Scope): เป็นแบบ Function Scope หรือ Global Scope ซึ่งมีความยืดหยุ่นมากเกินไปและอาจนำไปสู่ข้อผิดพลาดได้ง่าย
◦ คำแนะนำ: ในการเขียนโค้ด JavaScript สมัยใหม่ แนะนำให้ใช้ let และ const แทน var เพื่อควบคุมขอบเขตของตัวแปรให้ชัดเจนขึ้น
ใน JavaScript นอกจากการประกาศตัวแปรด้วย let, const และ var แล้ว การเข้าใจเกี่ยวกับชนิดข้อมูลและวิธีการจัดการตัวแปรจะช่วยเพิ่มประสิทธิภาพในการเขียนโปรแกรมอย่างมาก ตัวแปรใน JavaScript สามารถเก็บข้อมูลได้หลายประเภท ได้แก่ ตัวเลข (Number), ข้อความ (String), ค่าตรรกะ (Boolean), อ็อบเจ็กต์ (Object), และอาเรย์ (Array) ซึ่งแต่ละประเภทสามารถนำไปใช้เพื่อแก้ไขปัญหาหรือพัฒนาฟังก์ชันต่าง ๆ ได้ ตัวอย่างเช่น การใช้ตัวแปรชนิดอาเรย์เพื่อเก็บรายการข้อมูล หรือใช้วัตถุเพื่อจัดเก็บข้อมูลหลายๆ ตัวในที่เดียว นอกจากนี้ ขอบเขตของตัวแปร (Scope) ถือเป็นสิ่งสำคัญที่ต้องเข้าใจ เพราะส่งผลต่อการเข้าถึงและการทำงานของตัวแปรในโปรแกรม ตัวแปรที่ประกาศด้วย let และ const จะมีขอบเขตแบบ block scope คือจะใช้ได้เฉพาะในบล็อกที่ประกาศเท่านั้น การใช้ scope แบบนี้ช่วยลดความผิดพลาดที่เกิดจากตัวแปรชนิดเดียวกันถูกประกาศซ้ำหรือใช้ผิดที่ ส่วน var มีขอบเขตแบบ function scope ซึ่งอาจส่งผลให้เกิดปัญหาด้านความชัดเจนของตัวแปร ถ้าไม่ระมัดระวัง การใช้ let และ const จึงถือเป็นแนวทางที่แนะนำใน JavaScript สมัยใหม่ เพราะช่วยให้โค้ดปลอดภัยและดูแลรักษาง่ายขึ้น เมื่อพูดถึง const ซึ่งเป็นค่าคงที่นั้น ควรจำไว้ว่าถึงแม้ตัวแปรจะไม่สามารถเปลี่ยนแปลงค่าตัวแปรได้โดยตรง แต่ถ้าเป็นอ็อบเจ็กต์หรืออาเรย์ที่ประกาศด้วย const ข้อมูลภายในยังสามารถเปลี่ยนแปลงหรือปรับปรุงได้ตามต้องการ นี่เป็นความสามารถพิเศษที่ผู้พัฒนาควรรู้เพื่อใช้ประโยชน์จาก const อย่างถูกต้อง ท้ายที่สุด การฝึกปฏิบัติและทดสอบการประกาศตัวแปรในโปรแกรมจริงจะช่วยให้เข้าใจการทำงานของแต่ละชนิดตัวแปรได้ชัดเจนขึ้น การเขียนโค้ด JavaScript อย่างมีประสิทธิภาพรวมถึงการเลือกใช้ตัวแปรชนิดที่เหมาะสมและการควบคุมขอบเขตตัวแปรจะช่วยลดบั๊กและทำให้โปรแกรมทำงานได้อย่างราบรื่น
🥰🥰🥰🥰