Khác biệt giữa biến toàn cục và cục bộ trong JavaScript

Phạm vi biến là vùng chương trình mà biến được định nghĩa. Biến JavaScript chỉ có 2 phạm vi.

Biến toàn cục (Global Variables) − Biến toàn cục có phạm vi toàn cục, định nghĩa được ở đâu trong code JS.

Biến cục bộ (Local Variables) − Biến cục bộ chỉ nhìn thấy trong hàm nơi định nghĩa. Tham số hàm luôn cục bộ.

Trong thân hàm, biến cục bộ ưu tiên hơn biến toàn cục trùng tên. Nếu khai báo biến cục bộ/trùng tên biến toàn cục, bạn che mất biến toàn cục.

Ví dụ

Cách khai báo biến toàn cục:

Demo trực tiếp

<html>    <body onload = checkscope();>       <script>          <!--             var myVar = "global"; // Khai báo biến toàn cục             function checkscope( ) {                var myVar = "local"; // Khai báo biến cục bộ                document.write(myVar);             }          //-->       </script>    </body> </html>