Const vs Let trong JavaScript.

Const và let đã được giới thiệu trong ES2015 để khai báo các biến phạm vi khối. Mặc dù các biến được khai báo bằng let có thể được gán lại, nhưng chúng không thể được gán lại nếu chúng được khai báo bằng const.

Sau đây là đoạn mã hiển thị let và const trong JavaScript -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result,.sample {
      font-size: 20px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Const and let in JavaScript</h1>
<div class="sample"></div>
<div style="color: green;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to reassign const and let value</h3>
<script>
   let resEle = document.querySelector(".result");
   let sampleEle = document.querySelector(".sample");
   let a = 22;
   const b = 44;
   sampleEle.innerHTML = "let a = " + a + " ";
   sampleEle.innerHTML += "const b = " + b;
   document.querySelector(".Btn").addEventListener("click", () => {
      a = 99;
      resEle.innerHTML = "Reassigning a = " + a + " ";
      try {
         changeB();
      }
      catch (err) {
         resEle.innerHTML += "Reassigning b = " + err;
      }
   });
   function changeB() {
      b = 22;
   }
</script>
</body>
</html>

Đầu ra

Đoạn mã trên sẽ tạo ra kết quả sau -

Const vs Let trong JavaScript.

Khi nhấp vào nút 'BẤM VÀO ĐÂY' -

Const vs Let trong JavaScript.