JavaScript chỉ hỗ trợ block scope cho các biến được khai báo bằng từ khóa let hoặc const. Các biến khai báo bằng var hỗ trợ function scope nhưng không hỗ trợ block scope.
Dưới đây là mã minh họa block scope 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 { font-size: 20px; font-weight: 500; color: blueviolet; } </style> </head> <body> <h1>Block scope JavaScript</h1> <div class="result"></div> <br /> <button class="Btn">Click Here</button> <h3>Nhấn nút trên để tạo biến với var và let và truy cập chúng</h3> <script> let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"){ let a = 22; } { var b = 44; } BtnEle.addEventListener("click", () => { try { resEle.innerHTML = a; } catch (err) { resEle.innerHTML = err + "<br>"; } resEle.innerHTML += "var b = " + b; }); </script> </body> </html>
Kết quả
Khi nhấn nút 'Click Here':
