Site logo

Biến trong Javascript (Javascript Variable) - Hướng dẫn toàn diện cho người mới bắt đầu

5:00 read

Biến trong Javascript là gì?

Biến (Variable) trong Javascript là một "hộp chứa" dữ liệu cho phép bạn lưu trữ, thao tác và sử dụng lại các giá trị trong chương trình. Hiểu rõ về variables là nền tảng cơ bản để trở thành một Javascript developer giỏi.

💡 Tip cho người mới: Hãy tưởng tượng biến như một chiếc hộp có tên, bên trong chứa một giá trị. Bạn có thể đặt tên cho hộp, bỏ giá trị vào, lấy giá trị ra, hoặc thay đổi giá trị bất cứ lúc nào.

1. Khai báo biến (Variable Declaration)

Khai báo biến là cách bạn tạo ra một "hộp chứa" có tên để lưu trữ dữ liệu:

// Khai báo biến với let (khuyến nghị)
let userName;
let userAge;
let isActive;

// Khai báo biến với const (cho constants)
const PI = 3.14159;
const API_URL = "https://api.example.com";

// Khai báo biến với var (không khuyến nghị)
var oldWay;

2. Gán giá trị (Assignment)

Gán giá trị là cách bạn đặt dữ liệu vào biến:

// Gán giá trị sau khi khai báo
let userName;
userName = "Nguyen Van A";

let userAge;
userAge = 25;

let isActive;
isActive = true;

// Khai báo và gán giá trị cùng lúc
let email = "nguyenvana@example.com";
let score = 95.5;
let hobbies = ["reading", "coding", "music"];

3. Thay đổi giá trị (Reassignment)

Với let, bạn có thể thay đổi giá trị của biến bất cứ lúc nào:

let counter = 0;
console.log(counter); // 0

counter = 1;
console.log(counter); // 1

counter = counter + 1;
console.log(counter); // 2

counter += 1; // Tương đương counter = counter + 1
console.log(counter); // 3

// Thay đổi kiểu dữ liệu
let flexible = "Hello";
console.log(flexible); // "Hello"

flexible = 42;
console.log(flexible); // 42

flexible = true;
console.log(flexible); // true

4. Sử dụng biến (Using Variables)

Sử dụng biến trong các phép toán và logic:

// Tính toán với biến
let price = 100000;
let discount = 10;
let finalPrice = price - (price * discount / 100);
console.log(`Giá cuối: ${finalPrice} VND`);

// Sử dụng trong điều kiện
let userAge = 18;
let canVote = userAge >= 18;
console.log(`Có thể bầu cử: ${canVote}`);

// Sử dụng trong chuỗi
let firstName = "Nguyen";
let lastName = "Van A";
let fullName = firstName + " " + lastName;
console.log(`Xin chào, ${fullName}!`);

// Sử dụng trong mảng
let numbers = [1, 2, 3, 4, 5];
let sum = 0;
for (let i = 0; i < numbers.length; i++) {
    sum += numbers[i];
}
console.log(`Tổng: ${sum}`);

// Sử dụng trong object
let user = {
    name: "John Doe",
    age: 25,
    email: "john@example.com"
};
console.log(`User: ${user.name}, Age: ${user.age}`);

5. Ví dụ thực tế đơn giản

// Ví dụ: Tính điểm trung bình
let mathScore = 8.5;
let englishScore = 7.8;
let scienceScore = 9.2;

let averageScore = (mathScore + englishScore + scienceScore) / 3;
console.log(`Điểm trung bình: ${averageScore.toFixed(2)}`);

// Ví dụ: Kiểm tra đăng nhập
let username = "admin";
let password = "123456";
let isLoggedIn = false;

if (username === "admin" && password === "123456") {
    isLoggedIn = true;
    console.log("Đăng nhập thành công!");
} else {
    console.log("Sai thông tin đăng nhập!");
}

// Ví dụ: Tính tiền điện
let electricityUsed = 150; // kWh
let unitPrice = 2500; // VND/kWh
let totalBill = electricityUsed * unitPrice;

console.log(`Tiêu thụ: ${electricityUsed} kWh`);
console.log(`Đơn giá: ${unitPrice} VND/kWh`);
console.log(`Tổng tiền: ${totalBill.toLocaleString()} VND`);

Các cách khai báo biến trong Javascript

Javascript cung cấp 3 cách để khai báo biến: var, let, và const. Mỗi cách có đặc điểm và use cases khác nhau.

Yêu cầu đăng nhập

Vui lòng đăng nhập để truy cập nội dung này

Additional Resources

Course Guide

Comprehensive PDF guide with examples

GitHub Repository

Example code for all lessons

Discussion

Have a question about this lesson? Post it here and get answers from instructors and peers.