ตัวแปร (let, const) และชนิดข้อมูลพื้นฐาน

มาดูวิธีเก็บข้อมูลด้วย let และ const พร้อมทำความรู้จักชนิดของค่าพื้นฐานใน JavaScript

6 นาที · 3 คำถาม

ยินดีต้อนรับสู่บทเรียน JavaScript บทแรกของคุณ! JavaScript คือภาษาโปรแกรมที่ทำให้หน้าเว็บโต้ตอบได้ มันคือสิ่งที่ตอบสนองเมื่อคุณคลิกปุ่มหรือกรอกแบบฟอร์ม โปรแกรม คือชุดคำสั่งที่คอมพิวเตอร์ทำงานทีละขั้นตอนตามลำดับ เพื่อทำงานให้สำเร็จ โปรแกรมจำเป็นต้องจดจำข้อมูล นั่นคือหน้าที่ของ ตัวแปร ลองนึกภาพตัวแปรเหมือนกล่องที่มีป้ายชื่อ ป้ายคือชื่อของมัน ส่วนสิ่งที่อยู่ข้างในคือค่าของมัน

let age = 25;
console.log(age); // Prints: 25
age = 26;
console.log(age); // Prints: 26

มาแยกโค้ดนี้ดูทีละส่วนกัน คำสงวน let สร้างตัวแปรชื่อ age เครื่องหมาย = ที่เรียกว่า การกำหนดค่า (assignment) จะใส่ค่า 25 ลงในกล่อง คำสั่ง console.log(...) พิมพ์ค่าออกมาที่หน้าจอ ซึ่งเป็นเครื่องมือหลักของคุณในการสังเกตว่าโปรแกรมกำลังทำอะไรอยู่ สุดท้าย บรรทัด age = 26; แทนที่สิ่งที่อยู่ในกล่อง ด้วย let ตัวแปรสามารถเปลี่ยนค่าได้ เมื่อค่าใดไม่ควรเปลี่ยนแปลงเลย คุณจะใช้คำสงวน const แทน (ย่อมาจาก "constant" หรือค่าคงที่)

const birthYear = 2000;
console.log(birthYear); // Prints: 2000
// birthYear = 2001; -> would cause an error

ทุกค่ามี ชนิด (type) นั่นคือหมวดหมู่ที่กำหนดว่าคุณทำอะไรกับมันได้บ้าง ชนิดข้อมูลพื้นฐาน (primitive types) หลัก ๆ (ชนิดที่เรียบง่ายที่สุด) ได้แก่ string (สายอักขระ หรือก็คือข้อความที่อยู่ในเครื่องหมายคำพูด), number (ตัวเลข ไม่ว่าจะเป็นจำนวนเต็มหรือทศนิยม), boolean (ค่าบูลีน คือ true หรือ false), undefined (ชนิดของตัวแปรที่ประกาศไว้โดยไม่มีค่า) และ null (การไม่มีค่าอย่างจงใจ) ตัวดำเนินการ typeof จะเปิดเผยชนิดของค่า

const city = "Paris";
const temperature = 21.5;
const isSunny = true;
let score;
console.log(typeof city);        // "string"
console.log(typeof temperature); // "number"
console.log(typeof isSunny);     // "boolean"
console.log(typeof score);       // "undefined"

ทดสอบความรู้

ตรวจสอบว่าคุณจำประเด็นสำคัญของบทเรียนนี้ได้ครบถ้วน

1. คำสงวนใดใช้ประกาศตัวแปรที่ไม่สามารถกำหนดค่าใหม่ได้เลย?
   • let
   • const
   • typeof
   • value
2. ค่า "Hello" มีชนิดเป็นอะไร?
   • number
   • boolean
   • string
   • undefined
3. จะเกิดอะไรขึ้นถ้าคุณรัน age = 26; เมื่อ age ถูกประกาศด้วย const?
   • ค่าจะถูกแทนที่ด้วย 26
   • JavaScript แจ้งข้อผิดพลาด
   • ตัวแปรกลายเป็น undefined