JavaScript Var, Let และ Const

Mar 25 2023
คุณสมบัติใหม่จำนวนมากมาจากทีม JavaScript เนื่องจากความต้องการในการเขียนโค้ดที่สั้นลงนั้นเพิ่มขึ้นทุกวัน (นักพัฒนาเรียกว่า one-liner) คุณลักษณะใหม่ของ ES6, var, let และ const ทำให้ผู้เริ่มต้นจำนวนมากสับสน

คุณสมบัติใหม่จำนวนมากมาจากทีม JavaScript เนื่องจากความต้องการในการเขียนโค้ดที่สั้นลงนั้นเพิ่มขึ้นทุกวัน (นักพัฒนาเรียกว่า one-liner)

คุณลักษณะใหม่ของ ES6, var, let และ const ทำให้ผู้เริ่มต้นจำนวนมากสับสน

หากคุณเป็นหนึ่งในนั้น โพสต์นี้เหมาะสำหรับคุณ มาดูกันว่ามันทำงานอย่างไร

Var, Let และ Const คืออะไร?

ทั้ง 3 สิ่งนี้คือคีย์เวิร์ดที่ใช้ในการประกาศตัวแปรใน JavaScript

หากคุณคุ้นเคยกับ C++ หรือ Java ซึ่งคุณต้องประกาศตัวแปรด้วยประเภทและชื่อ

ตัวอย่างเช่น

int sum = 0

ความแตกต่างระหว่าง let, var และ const

ตัวแปรที่ประกาศด้วย คีย์เวิร์ด letจะมีคุณสมบัติดังต่อไปนี้

  • มันจะมีขอบเขตบล็อก
  • { 
      let sum = 5;
    }
    // sum can NOT be used here
    

    let car = “bmw”
    
    let car = 0 // you cannot do this
    

    let car = “bmw”
    
    car = “audi” // you can do this
    

    console.log(car);
    
    let car = “bmw” // you are not allowed to do this
    

  • มันจะมีขอบเขตบล็อก
  • { 
      const sum = 5;
    }
    // sum can NOT be used here
    

    const car = “bmw”
    
    const car = 0 // you cannot do this
    

    const car = "bmw"
    
    car = "audi" // you can do this
    

    console.log(name) // you cannot use it before declaration 
    name = "John"
    

  • มันจะมีขอบเขตทั่วโลก
  • { 
      var sum = 5;
    }
    // sum can be used outside the curley braces
    

    var car = "bmw"
    console.log(car) // output will be bmw
    
    var car = 0 
    console.log(car) // output will be 0
    

    var car = "bmw"
    
    car = "audi" // you can do this
    

    console.log(name) // you can use it before declaration, output will be undefined 
    name = "John"
    
    

ตารางสรุปสำหรับ let var และ const

โพสต์นี้จะเป็นประโยชน์สำหรับผู้เริ่มต้นใน JavaScript

ขอบคุณที่อ่านมาจนถึงตอนนี้ จะโพสต์เพิ่มเติมเกี่ยวกับ Javascript ในเร็วๆ นี้

อย่าลืมอ่านนะครับ

  1. GitHub สำหรับผู้เริ่มต้น
  2. โคลนพื้นที่เก็บข้อมูล สร้างสาขา และดึงการเปลี่ยนแปลงใหม่