Làm thế nào để khai báo các biến phạm vi khối trong JavaScript?

Để khai báo các biến phạm vi khối, chúng tôi sử dụng từ khóa let và const được giới thiệu trong ES2015.

Sau đây là đoạn mã hiển thị khai báo các biến phạm vi màu đen 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>Declaring block scoped variables</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 declare and display block scoped variables</h3>
<script>
   let resEle = document.querySelector(".result");
   let sampleEle = document.querySelector(".sample");{
      let a = 22;
      const b = 44;
      sampleEle.innerHTML = "let a = " + a + "<br>";
      sampleEle.innerHTML += "const b = " + b + "<br>";
   }
   document.querySelector(".Btn").addEventListener("click", () => {
      try {
         a + b;
      }
      catch (err) {
         resEle.innerHTML = "a+b = " + err;
      }
   });
</script>
</body>
</html>