Biến toàn cầu JavaScript

Để có thể sử dụng thành thạo các thao tác trong ngôn ngữ lập trình nói chung, ngôn ngữ lập trình Javascript nói riêng bạn cần biết trước hết nhất là về các biến sau đó mới đi sâu tìm hiểu ứng dụng. Bài viết hôm nay, chúng ta sẽ cùng eLib.VN tìm hiểu về Biến toàn cầu JavaScript.

Biến toàn cầu JavaScript

1. Biến toàn cầu trong JavaScript

Một biến toàn cầu JavaScript được khai báo bên ngoài hàm hoặc được khai báo với đối tượng window. Nó có thể được truy cập từ bất kỳ hàm nào.

Ví dụ về biến toàn cầu trong JavaScript.

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<title>Ví dụ biến toàn cầu trong JavaScript</title>
<script>
    var value = 50; //biến toàn cầu
    function a() {
        alert(value);
    }
    function b() {
        alert(value);
    }
</script>
</head>
<body>
  <input type="button" value="Button1" onclick="a();" />
  <input type="button" value="Button2" onclick="b();" />
</body>
</html>

2. Khai báo biến toàn cầu JavaScript trong hàm

Để khai báo các biến toàn cầu JavaScript bên trong hàm, bạn cần sử dụng đối tượng window. Ví dụ:

window.value = 90;

Bây giờ nó có thể được khai báo bên trong bất kỳ hàm nào và có thể được truy cập từ bất kỳ hàm nào. Ví dụ:

<script>
function m() {
    // khai báo biến toàn cầu theo đối tượng window
    window.value = 100;
}
function n() {
    // truy cập biến toàn cầu từ hàm khác
    alert(window.value);
}
m();
n();
</script>

3. Nội bộ của biến toàn cục trong JavaScript

Khi bạn khai báo một biến bên ngoài hàm, nó được thêm vào trong đối tượng window bởi hệ thống JavaScript. Vì vậy, bạn cũng có thể truy cập nó thông qua đối tượng window. Ví dụ:

<script>
    var value = 50;
    function a() {
        alert(window.value); //truy cập biến toàn cầu
    }
</script>

Trên đây là bài viết của eLib.VN về Biến toàn cầu JavaScript. Hy vọng với những kiến thức cơ bản về biến toàn cầu JavaScript, sẽ giúp bạn đọc hiểu rõ hơn về cách sử dụng biến trong JavaScript. 

Ngày:03/11/2020 Chia sẻ bởi:Nguyễn Minh Duy

CÓ THỂ BẠN QUAN TÂM