Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

JavaScript Const (ค่าคงที่)


การประกาศ const ใน JavaScript สร้างตัวแปรที่ไม่สามารถกำหนดค่าใหม่ (reassign) หรือประกาศซ้ำ (redeclare) ได้ในภายหลัง ฟีเจอร์นี้ถูกนำมาใช้ใน ES2015 (ES6)

โค้ดตัวอย่างสำหรับการประกาศ const ใน JavaScript ดังนี้ -

ตัวอย่าง

<!DOCTYPE html> <html> <head> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    } </style> </head> <body> <h1>Const example</h1> <button class="Btn">CLICK HERE</button> <p class="sample"></p> <h3>คลิกปุ่มข้างบนเพื่อลองเปลี่ยนค่า const</h3> <script>    let sampleEle = document.querySelector(".sample");    const a = 33;    sampleEle.innerHTML = "a = " + a + "<br>";    document.querySelector(".Btn").addEventListener("click", () => {       try {          a = 44;       } catch (err) {          sampleEle.innerHTML += "Error : " + err;       }    }); </script> </body> </html>

ผลลัพธ์

JavaScript Const (ค่าคงที่)

เมื่อคลิกปุ่ม 'CLICK HERE' เพื่อเปลี่ยนค่าคงที่ -

JavaScript Const (ค่าคงที่)