Hiểu Rõ Biến Trong JavaScript: Hộp Lưu Trữ Kỹ Thuật Số
Hãy tưởng tượng bạn đang chuyển vào một căn hộ mới. Bạn có rất nhiều đồ đạc—sách, quần áo, đồ dùng nhà bếp. Điều đầu tiên bạn làm là gì? Bạn tìm những chiếc hộp, gán nhãn cho chúng và đặt đồ đạc của mình vào trong. Hành động đơn giản này của việc lưu trữ và gán nhãn chính là khái niệm tương tự đằng sau các biến trong JavaScript, và thực sự, trong tất cả lập trình.
Hãy nghĩ về các biến như những chiếc hộp lưu trữ kỹ thuật số. Chúng giữ dữ liệu của bạn—tên người dùng, giá sản phẩm, danh sách công việc cần làm—và gán cho chúng một cái tên để bạn có thể tìm kiếm, sử dụng và thay đổi sau này. Đó là cách mà một chương trình ghi nhớ mọi thứ.
Nếu bạn mới bắt đầu hành trình vào phát triển phần mềm, việc hiểu các biến là bước quan trọng đầu tiên của bạn. Nó giống như việc học bảng chữ cái trước khi viết một cuốn tiểu thuyết. Vậy hãy cùng khám phá những chiếc hộp kỹ thuật số này nhé!
Ba Cách Để Khai Báo Một Biến: Một Gia Đình
Trong những ngày đầu của JavaScript, chỉ có một cách để khai báo một biến: var. Nó là chiếc hộp duy nhất có sẵn. Nhưng khi ngôn ngữ phát triển, nó cần những công cụ cụ thể và đáng tin cậy hơn. Xuất hiện let và const, những người anh em đáng tin cậy hơn.
1. Người Lớn Tuổi: var
var là ông của các khai báo biến. Nó đã tồn tại từ những ngày đầu.
javascript
var greeting = "Xin chào, thế giới!";
console.log(greeting); // Kết quả: Xin chào, thế giới!Nó hoạt động, đúng không? Vậy vấn đề là gì? Vấn đề chính với var là phạm vi của nó. Phạm vi đơn giản có nghĩa là "các biến này có sẵn để sử dụng ở đâu?".
Các biến được khai báo bằng var có phạm vi hàm. Điều này có nghĩa là nếu bạn khai báo nó bên trong một hàm, nó sẽ có sẵn ở mọi nơi bên trong hàm đó. Nhưng nếu bạn khai báo nó bên trong một khối if hoặc một vòng lặp for, nó cũng có sẵn bên ngoài khối đó. Điều này có thể dẫn đến những lỗi không mong muốn và sự nhầm lẫn.
javascript
if (true) {
var secretKey = "12345"; // được khai báo bên trong khối if
}
console.log(secretKey); // Kết quả: 12345 - Chờ đã, nó đã rò rỉ ra ngoài!Vì điều này có thể không dự đoán được, JavaScript hiện đại đã phần lớn chuyển sang sử dụng var.
2. Tiêu Chuẩn Hiện Đại: let
Gặp gỡ let, tiêu chuẩn mới và cải tiến cho các biến mà bạn dự định thay đổi. Sự khác biệt chính? let có phạm vi khối. Một khối là bất kỳ thứ gì bên trong dấu ngoặc nhọn {}—như một câu lệnh if hoặc một vòng lặp for.
Một biến được khai báo bằng let bên trong một khối chỉ có sẵn bên trong khối đó. Nó không rò rỉ ra ngoài.
javascript
if (true) {
let secretPassword = "qwerty";
console.log(secretPassword); // Kết quả: qwerty - Hoạt động bên trong khối
}
console.log(secretPassword); // Lỗi! secretPassword không được định nghĩa. Thật hoàn hảo!Điều này làm cho mã của bạn dễ dự đoán hơn và dễ gỡ lỗi hơn. Sử dụng let khi bạn biết giá trị của biến cần được cập nhật sau này.
javascript
let score = 0;
score = 100; // Điều này hoàn toàn hợp lệ với `let`
console.log(score); // Kết quả: 1003. Hằng Số: const
Giờ thì, nếu bạn có một giá trị không bao giờ thay đổi? Đó là lúc const xuất hiện. Viết tắt cho "constant," một biến được khai báo bằng const không thể được gán lại. Nó là một chiếc hộp đã được niêm phong.
javascript
const birthYear = 1990;
birthYear = 2000; // Lỗi! Gán giá trị cho biến hằng số.Điều này thật tuyệt vời cho những giá trị nên giữ nguyên, và nó làm cho mã của bạn an toàn hơn và cho mọi người đọc biết, "Giá trị này sẽ không thay đổi!"
Lưu Ý Quan Trọng: const không làm cho biến trở nên không thay đổi, nó làm cho nó không thể gán lại. Nếu hằng số của bạn là một đối tượng hoặc một mảng, bạn vẫn có thể thay đổi các thuộc tính bên trong nó.
javascript
const student = {
name: "Anjali"
};
student.name = "Rahul"; // Điều này được phép!
// student = { name: "Rahul" }; // Điều này KHÔNG được phép (gán lại)Sử dụng const làm mặc định cho mọi biến bạn khai báo. Chỉ sử dụng let khi bạn chắc chắn rằng biến cần được gán lại. Thực hành này làm rõ ý định của bạn và làm cho mã của bạn mạnh mẽ hơn.
Tổng Hợp Tất Cả: Một Ví Dụ Thực Tế
Hãy xem chúng ta có thể sử dụng cả ba trong một đoạn mã nhỏ, thực tế.
javascript
// const cho các giá trị không thay đổi
const API_URL = "https://api.example.com";
const TAX_RATE = 0.18;
// let cho các giá trị sẽ thay đổi
let isLoading = true;
let userCartTotal = 0;
// Hãy tưởng tượng một hàm để tính tổng
function calculateTotal(amount) {
// var ít khi được sử dụng bây giờ, nhưng bạn có thể thấy trong mã cũ
var oldVariable = "Tôi có phạm vi hàm";
// `let` này có phạm vi khối trong hàm này
let finalAmount = amount + (amount * TAX_RATE);
return finalAmount;
}
userCartTotal = calculateTotal(100);
isLoading = false;Bước Tiếp Theo Trong Hành Trình Lập Trình Của Bạn
Hiểu biết về var, let và const là một bước cơ bản trong việc thành thạo JavaScript. Đây là nền tảng mà bạn sẽ xây dựng mọi thứ khác—từ các hàm đơn giản đến các ứng dụng web động phức tạp.
Nhớ rằng:
- Mặc định sử dụng
const - Sử dụng
letkhi bạn cần gán lại một giá trị. - Tránh
vartrong mã mới, nhưng hiểu nó để duy trì các dự án cũ.
Đây chỉ là sự khởi đầu. JavaScript là một ngôn ngữ mạnh mẽ mà điều khiển web hiện đại, và nó là một trụ cột cốt lõi của bất kỳ chương trình học phát triển Full Stack hoặc MERN Stack nào. Nắm vững những điều cơ bản này chắc chắn sẽ cho phép bạn tự tin học về APIs, các framework như React, và các công nghệ backend như Node.js.
Nếu bạn thích việc phân tích này và hào hứng xây dựng các dự án thực tế sử dụng những khái niệm này, bạn đã nghĩ như một nhà phát triển. Đây chính xác là những gì chúng tôi dạy tại CoderCrafter.
Chúng tôi cung cấp các khóa học toàn diện như Khóa Học Phát Triển Full Stack và Khóa Học MERN Stack để đưa bạn từ người mới bắt đầu đến nhà phát triển sẵn sàng cho công việc. Bạn sẽ không chỉ học lý thuyết mà còn áp dụng nó bằng cách xây dựng các dự án thuộc về danh mục của bạn.
Sẵn sàng mở thêm những chiếc hộp kỹ thuật số này và xây dựng điều gì đó tuyệt vời? Truy cập chúng tôi tại codercrafter.in để khám phá các khóa học của chúng tôi và đăng ký ngay hôm nay! Tương lai của bạn với tư cách là một nhà phát triển đang chờ đợi.
