Hiểu Biến Trong JavaScript: Khai Báo var, let và const

Biến là một thành phần vô cùng quan trọng trong JavaScript, giúp chúng ta lưu trữ và thao tác với dữ liệu. Trong bài viết này, chúng ta sẽ cùng tìm hiểu ba cách khai báo biến trong JavaScript: var, let và const. Chúng ta sẽ phân tích sự khác biệt giữa chúng và biết khi nào nên sử dụng từng loại.

Biến là gì?

Trong JavaScript, biến là một cách để lưu trữ giá trị mà chúng ta có thể sử dụng nhiều lần trong chương trình. Bạn có thể hình dung biến giống như một chiếc hộp có nhãn, trong đó bạn có thể lưu trữ bất kỳ thứ gì (chẳng hạn như một con số, chuỗi ký tự hoặc thậm chí là một đối tượng) và sau này lấy ra khi cần.

Ví dụ: Thay vì lặp lại "John" trong mã nhiều lần, bạn có thể lưu trữ "John" trong một biến.

Khai báo biến trong JavaScript

JavaScript cho phép chúng ta khai báo biến theo ba cách:

• var (phương pháp cũ, không còn được khuyến khích)
• let (hiện đại và được khuyến nghị cho các giá trị có thể thay đổi)
• const (dành cho các giá trị là hằng số, không thay đổi)

1. Sử dụng let (Khuyến nghị)

Khi bạn cần một biến có thể thay đổi giá trị, hãy sử dụng let.

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

Output:

John

Ở đây, chúng ta đã:

• Tạo một biến có tên là name
• Gán cho nó giá trị "John"
• Sử dụng console.log() để in giá trị của name

2. Sử dụng const (Đối với các giá trị hằng số)

const được sử dụng cho các biến mà bạn không có ý định thay đổi giá trị.

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

Output:

3.1416

• Khi bạn sử dụng const, giá trị của biến không thể thay đổi sau khi đã gán. Trong trường hợp này, bạn không thể gán lại giá trị cho PI.

3. Sử dụng var (Phương pháp cũ – Tránh sử dụng)

Mặc dù var vẫn có thể hoạt động, nhưng nó không được khuyến nghị do tính chất có vấn đề về phạm vi (scope).

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

Output:

25

• var thường được sử dụng trước khi có let và const, nhưng vì nó có những vấn đề về phạm vi, nên bạn nên sử dụng let hoặc const thay thế.

Thay đổi giá trị biến

Với let, bạn có thể thay đổi giá trị của biến. Tuy nhiên, với const, bạn không thể thay đổi giá trị đó.

Ví dụ với let:

let city = "New York";
console.log(city); // Output: New York

city = "Los Angeles"; // Thay đổi giá trị
console.log(city); // Output: Los Angeles

Ví dụ với const (Điều này sẽ gây ra lỗi):

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

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

Khi bạn cố gắng gán lại giá trị cho country, sẽ xuất hiện lỗi:

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 theo một số quy tắc sau:

• Tên biến có thể chứa các chữ cái, số, ký tự $, và _.
• Tên biến phải bắt đầu bằng một chữ cái, ký tự $, hoặc _ (không được bắt đầu bằng số).
• Tên biến phân biệt chữ hoa chữ thường (name và Name khác nhau).
• Tên biến không được trùng với từ khóa đã được định nghĩa trong JavaScript (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 đã định nghĩa
let user-age = 30; // ❌ Dấu gạch ngang không được phép

Mẹo hữu ích

• Sử dụng let khi bạn mong đợi giá trị của biến sẽ thay đổi.
• Sử dụng const khi bạn muốn giữ giá trị không thay đổi.
• Tránh sử dụng var trừ khi bạn thực sự cần thiết.

Hy vọng bài viết này giúp bạn hiểu rõ hơn về biến trong JavaScript và cách khai báo biến một cách hiệu quả. Hãy áp dụng chúng vào dự án lập trình của bạn!