Cách sử dụng biến (Variable) trong JavaScript

Trong JavaScript, biến (variable) là một phần quan trọng để lưu trữ và xử lý dữ liệu. Biến có thể được khai báo, gán giá trị và sử dụng trong mã nguồn để thực hiện các thao tác khác nhau. Dưới đây là hướng dẫn chi tiết về cách sử dụng biến trong JavaScript:

1. Khai Báo Biến#

Bạn có thể khai báo biến trong JavaScript bằng ba cách chính: var, let, và const.

• Sử Dụng var: Cú Pháp: var variableName = value;

  • Lưu Ý: var có phạm vi hàm (function scope) và có thể bị nâng cao (hoisting), nghĩa là biến được khai báo với var sẽ được "nâng lên" đầu hàm hoặc khối lệnh.

var x = 10; console.log(x); // 10

• Sử Dụng let: Cú Pháp: let variableName = value;

  • Lưu Ý: let có phạm vi khối (block scope), nghĩa là biến chỉ có thể được truy cập trong khối {} mà nó được khai báo.

let y = 20; if (true) { let y = 30; // Biến y trong phạm vi khối console.log(y); // 30 } console.log(y); // 20

• Sử Dụng const: Cú Pháp: const variableName = value;

  • Lưu Ý: const có phạm vi khối (block scope) và giá trị của biến không thể thay đổi sau khi được gán. Tuy nhiên, nếu biến là một đối tượng hoặc mảng, các thuộc tính hoặc phần tử của nó vẫn có thể thay đổi.

` const z = 40; // z = 50; // TypeError: Assignment to constant variable.

const obj = { name: "Alice" }; obj.name = "Bob"; // Được phép console.log(obj.name); // Bob `

2. Gán Giá Trị Cho Biến#

• Gán Giá Trị: Sau khi khai báo, bạn có thể gán giá trị cho biến bằng dấu "=". let a = 5; a = 10; // Cập nhật giá trị của a

• Gán Nhiều Biến: Bạn có thể khai báo và gán giá trị cho nhiều biến trong một câu lệnh. let b = 1, c = 2, d = 3;

3. Sử Dụng Biến#

• In Biến Ra Màn Hình: Sử dụng console.log() để in giá trị của biến ra bảng điều khiển. let name = "Alice"; console.log(name); // Alice

• Kết Hợp Biến Trong Chuỗi: Bạn có thể sử dụng biến trong chuỗi bằng cách dùng toán tử + hoặc template literals (ES6). ` let age = 25; console.log("Age is " + age); // Age is 25

  // Sử dụng template literals console.log(Age is ${age}); // Age is 25 `

4. Khái Niệm Scope (Phạm Vi)#

• Global Scope: Biến khai báo bên ngoài hàm hoặc khối lệnh có phạm vi toàn cục. ` var globalVar = "I am global";

  function checkScope() { console.log(globalVar); // "I am global" } `

• Local Scope: Biến khai báo trong hàm hoặc khối lệnh có phạm vi cục bộ. function localScope() { let localVar = "I am local"; console.log(localVar); // "I am local" } console.log(localVar); // ReferenceError: localVar is not defined

• Block Scope: Biến khai báo bằng let hoặc const trong khối {} chỉ có hiệu lực trong khối đó. if (true) { let blockScoped = "I am block scoped"; console.log(blockScoped); // "I am block scoped" } console.log(blockScoped); // ReferenceError: blockScoped is not defined

5. Biến Tự Động Gán Giá Trị#

• Khai Báo Biến Không Gán Giá Trị: Nếu khai báo biến mà không gán giá trị, biến sẽ có giá trị undefined cho đến khi được gán giá trị. let uninitializedVar; console.log(uninitializedVar); // undefined

• Biến Toán Tử: Trong JavaScript, toán tử gán (=) gán giá trị cho biến. Biến có thể thay đổi giá trị trong quá trình thực thi chương trình.

6. Biến Trong Hàm và Khối Lệnh#

• Biến Trong Hàm: Biến khai báo bên trong hàm chỉ có hiệu lực trong hàm đó. function myFunction() { let localVar = "I am local to this function"; console.log(localVar); // "I am local to this function" }

• Biến Trong Khối Lệnh: Biến khai báo bằng let hoặc const trong khối lệnh như if, for, while có hiệu lực trong khối đó. if (true) { let blockVar = "I am block scoped"; console.log(blockVar); // "I am block scoped" }

Tóm Tắt#

• Khai Báo Biến: Sử dụng var, let, hoặc const để khai báo biến.

• Gán Giá Trị: Gán giá trị cho biến bằng dấu "=".

• Sử Dụng Biến: Sử dụng biến trong mã để lưu trữ và xử lý dữ liệu.

• Scope: Hiểu phạm vi của biến (toàn cục, cục bộ, khối).

Hiểu rõ cách khai báo, gán giá trị và sử dụng biến sẽ giúp bạn viết mã JavaScript một cách hiệu quả và dễ dàng bảo trì.