Biến trong JavaScript

(8)
141 lượt xem
Share

Ở bài viết dưới đây, chúng ta sẽ cùng eLib.VN tìm hiểu biến trong Javascript là gì ? Tại sao lại phải sử dụng biến? Và sử dụng như thế nào? Cùng theo dõi nhé!

Mục lục nội dung

Biến trong JavaScript

1. Tìm hiểu chung về biến trong JavaScript

Một biến JavaScript đơn giản là một tên của vị trí lưu trữ. Có hai loại biến trong JavaScript: biến cục bộ (local) và biến toàn cầu (global).

Một số quy tắc trong khi khai báo biến JavaScript:

  • Tên phải bắt đầu bằng ký tự (từ a đến z hoặc A đến Z), dấu gạch dưới (_) hoặc ký hiệu đô la ($).
  • Sau chữ cái đầu tiên chúng ta có thể sử dụng các chữ số (0 đến 9), ví dụ value1.
  • Các biến JavaScript phân biệt chữ hoa chữ thường, ví dụ x và X là các biến khác nhau.

Khai báo biến JavaScript đúng

var x = 10 ; 
var _value = "Luffy" ;

Khai báo biến JavaScript KHÔNG đúng

var 1value = 30;
var *aa = 320;

2. Ví dụ về biến trong JavaScript

Sau đây là một ví dụ đơn giản về biến JavaScript.

<script>
 var x = 10;
 var y = 20;
 var z=x+y;
 document.write(z);
</script>

Kết quả:

30

3. Biến cục bộ (local) trong JavaScript

Biến cục bộ trong JavaScript được khai báo bên trong một khối hoặc hàm. Biến này chỉ có thể truy cập trong phạm vi hàm hoặc khối lệnh. Ví dụ:

<script>
function abc(){
  var x = 10; // biến cục bộ
}
</script>

Hoặc:

<script>
If(a < 10){
  var y = 20; // biến cục bộ
}
</script>

4. Biến toàn cầu (global) trong JavaScript

Một biến JavaScript toàn cầu như tên gọi của nó có thể truy cập từ bất kỳ hàm nào. Một biến được khai báo bên ngoài hàm hoặc được khai báo với đối tượng window được gọi là biến toàn cầu. Ví dụ:

<script>
  var data = 200; // biến toàn cầu
  function a() {
    document.writeln(data);
  }
  function b() {
    document.writeln(data);
  }
  a(); //gọi hàm JavaScript
  b();
</script>

Kết quả:

200
200

Trên đây là bài viết của eLib.VN về Biến trong JavaScript. Hy vọng qua những ví dụ trên giúp bạn hiểu được cách sử dụng biến căn bản trong javascript. Hãy xem các ví dụ và thực hành theo, kết hợp nhuần nhuyễn giữa các phần để tự đưa ra những ví dụ cho riêng mình. Chúc các bạn thành công!

(8)
141 lượt xem
Share
Ngày:03/11/2020 Chia sẻ bởi:An
TẢI VỀ XEM ONLINE

CÓ THỂ BẠN QUAN TÂM