Hướng dẫn sử dụng Biến trong lập trình JavaScript

Biến trong JavaScript là một phần quan trọng giúp lưu trữ và quản lý dữ liệu trong quá trình thực thi chương trình. Dưới đây là hướng dẫn chi tiết về cách khai báo, sử dụng và các quy tắc liên quan đến biến trong JavaScript.


1. Khai báo biến trong JavaScript

Trong JavaScript, có ba cách chính để khai báo biến:

a) Sử dụng var (Không khuyến khích)

var x = 10;
console.log(x); // 10
  • var có phạm vi (scope) toàn cục hoặc cục bộ trong hàm.

  • Có thể bị ghi đè lại trong cùng một phạm vi.

  • Dễ gặp lỗi do hiện tượng hoisting.

b) Sử dụng let (Khuyến khích sử dụng)

let y = 20;
console.log(y); // 20
  • let có phạm vi trong khối {}.

  • Không thể khai báo lại trong cùng một phạm vi.

  • Hạn chế lỗi so với var.

c) Sử dụng const (Dùng cho giá trị không thay đổi)

const z = 30;
console.log(z); // 30
  • const có phạm vi khối {} giống let.

  • Giá trị không thể thay đổi sau khi gán.


2. Phạm vi của biến (Scope)

Phạm vi của biến trong JavaScript có thể là:

  • Toàn cục (Global Scope): Khai báo ngoài mọi hàm, có thể truy cập ở bất kỳ đâu.

  • Cục bộ (Local Scope): Khai báo trong một hàm, chỉ có thể sử dụng trong hàm đó.

  • Phạm vi khối (Block Scope): Biến khai báo bằng let hoặc const trong {} chỉ tồn tại trong khối đó.

function test() {
    let a = 100;
    console.log(a); // 100
}
console.log(a); // Lỗi: a không tồn tại ngoài hàm

3. Hoisting trong JavaScript

Hoisting là cơ chế của JavaScript giúp nâng khai báo biến lên đầu phạm vi.

Ví dụ với var:

console.log(a); // undefined
var a = 10;

Ví dụ với let hoặc const:

console.log(b); // Lỗi: Cannot access 'b' before initialization
let b = 20;

4. Sự khác biệt giữa var, letconst

Thuộc tính var let const
Phạm vi Toàn cục, hàm Khối {} Khối {}
Có thể khai báo lại? Không Không
Có thể thay đổi giá trị? Không
Hoisting Có, giá trị mặc định là undefined Có, nhưng không thể sử dụng trước khi khai báo Có, nhưng không thể sử dụng trước khi khai báo

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

  • Chỉ chứa chữ cái (a-z, A-Z), số (0-9), _, $.

  • Không được bắt đầu bằng số.

  • Phân biệt chữ hoa và chữ thường (myVar khác myvar).

  • Nên đặt tên có ý nghĩa, sử dụng camelCase (myVariableName).

6. Kiểu dữ liệu trong JavaScript

 

Tênkiểu

Ýnghĩa

String

Kiểuxâu ký tự

Number

Kiểu số

BigInt

Kiểu số nguyên có giá trị lớn

Boolean

Kiểu Logic (True/False)

Null

Kiểu có giá trị rỗng

Undefined

Kiểu không xác định, rỗng, không có gì


7. Kết luận

Biến trong JavaScript đóng vai trò quan trọng trong việc lưu trữ và xử lý dữ liệu. Việc hiểu rõ cách khai báo, sử dụng và phạm vi của biến giúp lập trình viên viết mã dễ hiểu, ít lỗi và hiệu quả hơn.

Xem video bài học Biến và cách sử dụng biến trên  kênh