variable # JavaScript

#พื้นฐานการเขียนเว็ปไซต์

#javascript #variable

ตัวแปร (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 เพื่อควบคุมขอบเขตของตัวแปรให้ชัดเจนขึ้น