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.
Mục lục nội dung
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.
Tham khảo thêm
- doc Cú pháp trong JavaScript
- doc Nhúng JavaScript vào HTML
- doc Biến trong JavaScript
- doc Kiểu dữ liệu trong JavaScript
- doc Toán tử trong JavaScript
- doc Hàm (function) trong JavaScript
- doc Sự kiện (Event) trong JavaScript