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ốnglet
. -
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ặcconst
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
, let
và const
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? | Có | Không | Không |
Có thể thay đổi giá trị? | Có | Có | 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ácmyvar
). -
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.