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

Một phần không thể thiếu trong bất kỳ ngôn ngữ lập trình nào đó là biến, vậy biến là gì, biến trong JavaScript được khai báo như thế nào? Cùng tìm hiểu nhé.

I. Biến là gì?

- Biến dùng để lưu trữ dữ liệu cho một giá trị nào đó có thể là đối tượng, số, mảng hay chuỗi ... 

II. Biến lưu ở đâu?

- Biến trong JavaScript được lưu ở bộ nhớ của trình duyệt.

III. Khai báo biến trong JavaScript

- Để khai báo một biến ta sử dụng từ khóa var, let, const.

  • var: khai báo biến có thể truy cập ở phạm vi hàm số hoặc bên ngoài hàm số, toàn cục.
  • let: khai báo biến chỉ có thể truy cập được trong khối bao quanh nó được xác định bằng cặp {}.
  • const: được sử dụng để khai báo 1 hằng số, và giá trị của nó không thay đổi trong suốt chương trình.

IV. Quy tắc đặt tên biến

- Cách đặt tên biến trong JavaScript phải tuân theo 1 số quy tắc sau:

  • Tên biến phải là các chữ không dấu viết hoa hoặc viết thường, các chữ số từ 0-9 và dấu gạch dưới (_) và kí hiệu $.
  • Tên biến bắt đầu phải là chữ hoặc dấu gạch dưới (_), nếu bắt đầu bằng số là sai.
  • Không thể sử dụng các từ dành riêng (như từ khóa JavaScript) làm tên biến.
  • Tên biến có phân biệt chữ hoa chữ thường

- Một số ví dụ:

  	// Đúng
  	var x;

  	// Đúng
  	var $x;

  	// Đúng
  	var _x;

  	// Đúng
  	var x111;

  	// Sai
  	var 1111x;

V. Kiểu dữ liệu của biến

- Khác với một số ngôn ngữ khác khi khai báo biến trong JavaScript ta không cần khai báo kiểu dữ liệu cho biến, khi thực thi chương trình kiểu dữ liệu sẽ tự động được xác định. Điều đó cũng có nghĩa là một biến có thể chứa giá trị của các kiểu dữ liệu khác nhau.

- Theo tiêu chuẩn ECMAScript xác định bảy kiểu dữ liệu như sau:

  • Kiểu boolean
  • Kiểu null
  • Kiểu undefined
  • Kiểu số
  • Kiểu chuỗi
  • Kiểu Symbol (mới trong ECMAScript 6)
  • Kiểu đối tượng

Senmo

VI. Phạm vi của biến trong JavaScript

1. Biến toàn cục (global scope)

- Biến toàn cục được khai báo ngoài hàm.

- Biến toàn cục có thể được truy cập từ bên ngoài của hàm cũng như bên trong của hàm.

2. Biến cục bộ (local scope)

- Biến cục bộ được khai báo  trong hàm. 

- Biến cục bộ không thể truy cập bên ngoài hàm.

3. Ví dụ

- Ví dụ về phạm vi hoạt động của biến trong JavaScript

var x = 5;  // biến toàn cục 

function test() {
        let y = 10; // biến cục bộ 
}
console.log("Gọi biến toàn cục: ",x); // Chạy bình thường
console.log("Gọi biến cục bộ: ",y); // Xuất hiện lỗi undefined variable do biến y chỉ được gọi trong hàm.

Bài viết nên đọc

Trên đây là những kiến thức từ kinh nghiệm bản thân mình nên các bạn có thể tham khảo. Nếu các bạn có góp ý cho mình thì hãy gửi vào đây, mình sẵn sàng nhận ý kiến đóng góp từ các bạn.

Ngoc Phuong

Ngoc Phuong - 66 bài viết - Đánh giá:

Có 2 cách học hiệu quả nhất, 1 là nói cho người khác biết thứ bạn mới học được, 2 là nói cho người khác biết thứ bạn sắp quên. Tôi mới học được rất nhiều thứ. Tôi cũng sắp quên rất nhiều thứ.

Để lại bình luận

Địa chỉ email của bạn sẽ không được công khai