Khám Phá Các Kiểu Khai Báo Biến Trong JavaScript: Sử Dụng var, let và const Như Thế Nào?

Giới Thiệu

Trong lập trình JavaScript, biến là một thành phần cơ bản và quan trọng, cho phép chúng ta lưu trữ và thao tác với dữ liệu. Bài viết này sẽ giúp bạn tìm hiểu rõ ba kiểu khai báo biến phổ biến là var, let, và const. Bạn sẽ biết được sự khác biệt giữa chúng và lựa chọn cách khai báo phù hợp cho từng tình huống cụ thể.

Biến Trong JavaScript Là Gì?

Biến được hiểu là một cái hộp lưu trữ giá trị mà chúng ta có thể sử dụng bất cứ lúc nào trong chương trình. Ví dụ, thay vì lặp lại việc viết chữ "John", bạn có thể lưu giá trị đó vào một biến, từ đó sử dụng lại cho nhiều lần khác nhau mà không cần phải gõ lại.

Các Kiểu Khai Báo Biến Trong JavaScript

JavaScript cung cấp ba cách để khai báo biến:

• var (phương pháp truyền thống, không còn được khuyến khích sử dụng)
• let (phù hợp cho các biến có thể thay đổi giá trị)
• const (dùng cho các giá trị hằng, không được phép thay đổi)

1. Sử Dụng let (Lựa Chọn Khuyến Khích)

let name = "John";
console.log(name);

Kết quả đầu ra là:

John

Ở đây, chúng ta đã tạo một biến tên là name và gán cho nó giá trị "John", sau đó dùng hàm console.log() để in ra giá trị của biến.

2. Sử Dụng const (Giá Trị Hằng Số)

const PI = 3.1416;
console.log(PI);

Kết quả đầu ra là:

3.1416

Trong ví dụ này:

• const được dùng để khai báo một giá trị không thay đổi.
• Sau khi gán, không thể gán lại giá trị mới cho PI.

3. Sử Dụng var (Phương Pháp Cũ – Nên Tránh)

var age = 25;
console.log(age);

Kết quả đầu ra là:

25

var thường được sử dụng trước đây, nhưng có nhiều vấn đề về phạm vi. Do đó, nên thay thế bằng let hoặc const.

Thay Đổi Giá Trị Của Biến

Với let, bạn có thể thay đổi giá trị của biến. Còn với const, việc này là không thể.

Ví dụ Sử Dụng let:

let city = "New York";
console.log(city); // Kết quả: New York

city = "Los Angeles"; // Thay đổi giá trị
console.log(city); // Kết quả: Los Angeles

Ví dụ Sử Dụng const: (Điều này sẽ gây lỗi)

const country = "USA";
console.log(country);

country = "Canada"; // ❌ Điều này sẽ gây ra lỗi
console.log(country);

Lỗi báo: Uncaught TypeError: Assignment to constant variable.

Quy Tắc Đặt Tên Biến

Khi đặt tên biến, bạn cần tuân thủ các quy tắc sau:

• Có thể chứa chữ cái, số, dấu $, và dấu _.
• Phải bắt đầu bằng một chữ cái, $ hoặc _ (không bắt đầu bằng số).
• Phân biệt chữ hoa và chữ thường (name và Name là hai biến khác nhau).
• Không thể sử dụng các từ khóa dự trữ (như let, console, function, v.v.).

Ví dụ về tên biến hợp lệ:

let firstName = "Alice";
let _score = 90;
let $price = 20;
let userAge = 25;

Ví dụ về tên biến không hợp lệ:

let 1name = "Bob";  // ❌ Không thể bắt đầu bằng số
let let = 50;       // ❌ "let" là từ khóa dự trữ
let user-age = 30;  // ❌ Dấu gạch nối không được phép

Mẹo Hữu Ích Khi Sử Dụng Biến Trong JavaScript

• Sử dụng let khi bạn mong đợi rằng giá trị của biến có thể thay đổi.
• Sử dụng const khi giá trị cần phải giữ nguyên qua quá trình thực thi.
• Hạn chế sử dụng var trừ khi bạn thực sự cần nó trong một số tình huống cụ thể.

Kết Luận

Việc hiểu và lựa chọn đúng phương pháp khai báo biến là rất quan trọng trong JavaScript. Hãy luôn nhớ sử dụng let và const để có được mã nguồn an toàn và dễ bảo trì hơn. Nếu bạn có bất kỳ câu hỏi nào, đừng ngần ngại để lại ý kiến của mình dưới bài viết này!
source: viblo