Khai báo biến trong Javascript bằng từ khóa var và let

Trong bài này chúng ta sẽ tìm hiểu cách khai báo biến trong Javascript, qua đó sẽ giúp bạn hiểu và phân biệt được khi nào sử dụng từ khóa var, và khi nào sử dụng từ khóa let.

Biến là một khái niệm trừu tượng, nó là kiến thức js cơ bản nhất mà bạn phải nắm vững trước khi học những phần nâng cao khác. Nếu bạn đã học qua PHP, C# hay C++ thì mình nghĩ bài này sẽ rất dễ, còn nếu bạn mới học lập trình lần đầu thì hãy xem bài học thật kỹ nhé.

1. Biến trong javascript là gì?

Trong javascript, biến là một định danh, dùng để chứa dữ liệu mà chúng ta cần lưu trữ. Nếu nói chuyên sâu hơn thì biến sẽ chứa địa chỉ của ô nhớ mà chứa dữ liệu cần lưu trữ.

Ví dụ, bạn cần lưu trữ tên domain codehow.net thì có thể tạo ra một biến domain, sau đó có thể sử dụng hai thao tác lấy dữ liệu hoặc gán dữ liệu trên biến đó.

Để khai báo biến thì chúng ta có hai cách:

• Cách 1 là sử dụng từ khóa var, có thể đặt ở bất kì đâu trong chương trình.
• Cách 2 là sử dụng từ khóa let, được tích hợp vào JS kể từ phiên bản ES6.

2. Khai báo biến trong javascript với từ khóa var

Trước đây, để khai báo một biến bằng từ khóa var thì chúng ta sử dụng cú pháp như sau:

var tenbien;
// Hoặc
var tenbien = "giá trị";

Cách thứ hai là mình đã gán luôn giá trị cho biến ngay khi khai báo.

Ví dụ: Hiển thị một câu chào với nội dung chứa trong biến message.

var message = 'Chào mừng bạn đến với codehow.net';
alert(message);

3. Khai báo biến trong Javascript bằng từ khóa let

Từ khóa let trong Javascript cũng có thể được sử dụng để khai báo biến. Cú pháp của nó như sau:

let tenbien;
// Hoặc
let tenbien = 'Giá trị';

Không có gì khác biệt so với từ khóa var. Mình sẽ viết lại ví dụ trên bằng từ khóa let như sau:

let message = 'Chào mừng bạn đến với codehow.net';
alert(message);

Câu hỏi đặt ra là sự khác nhau giữa hai cách trên như thế nào? Để trả lời thì chúng ta hãy qua phần 4 và phần 5 nhé.

4. Gán / lấy giá trị của biến trong javascript

Cách gán giá trị cho biến:

• Ta sử dụng toán tử = để gán hoặc thay đổi giá trị cho biến.

Cách lấy giá trị của biến:

• Ta chỉ cần gọi đến tên biến là được.

Ví dụ: Thay đổi giá trị cho biến domain.

// Giá trị cũ
var domain = 'codehow.net';

// Gán giá trị mới
domain = 'https://codehow.net';

// Lấy giá trị của biến
alert(domain);

5. Sự khác nhau giữa let và var trong javascript

Không phải tự nhiên mà javascript cung cấp 2 từ khóa này.

Về cơ bản thì cả hai đều được sử dụng để khai báo biến. Tuy nhiên, xét về phạm vi (scope) thì từ khóa var rộng hơn so với từ khóa let.

• Biến khai báo bằng từ khóa var có thể được sử dụng ở bất kì đâu, miễn là chương trình đã chạy qua nó là được.
• Còn từ khóa let thì khác, nó chỉ tồn tại trong phạm vi cặp dấu ngoặc {} mà thôi.

Ví dụ: Chương trình dưới đây là sai, bởi biến mesage ở lênh dưới không tồn tại.

{
    let message = 'Chào mừng bạn đến với codehow.net';
}
alert(message);

Nhưng khi mình đặt lệnh alert vào bên trong phạm vi {} thì chương trình hoạt động bình thường.

{
    let message = 'Chào mừng bạn đến với codehow.net';
    alert(message);
}

Còn từ khóa var thì khác, nó vẫn chạy cho dù bạn đặt ở đâu.

{
    var message = 'Chào mừng bạn đến với codehow.net';
}
alert(message);

Không tin bạn hãy thử chạy đi nhé.

6. Quy tắc đặt tên biến trong javascript

Trước khi kết thúc bài học thì bạn hãy tìm hiểu một chút về quy tắc đặt tên biến nhé.

• Tên biến không được chứa kí tự đặc biệt.
• Bạn có thể sử dụng dấu gạch dưới để đặt tên biến.
• Bạn có thể sử dụng chữ số, nhưng nó không được nằm ở vị trí đầu tiên.

Ví dụ: Tham khảo một vài trường hợp đặt tên biến đúng và sai.

var domain; // Đúng
var _domain; // Đúng
var 9domain; // sai
var domain9; // đúng
var đồmain; // sai

Như vậy là chúng ta đã tìm hiểu xong biến và cách khai báo biến trong javascript, qua đó bạn cũng hiểu được hai từ khóa var và let trong js rồi phải không nào? Bài này mình dừng ở đây, hẹn gặp lại các bạn ở bài tiếp theo.