JavaScript - từ khóa var

Xin chào, các pháp sư JavaScript tương lai! Hôm nay, chúng ta sẽ bắt đầu một hành trình thú vị vào thế giới các biến trong JavaScript, đặc biệt là tập trung vào từ khóa var. Là người giáo viên máy tính gần gũi của bạn, tôi ở đây để hướng dẫn bạn qua khái niệm cơ bản này sẽ служить nền tảng cho những cuộc phiêu lưu lập trình của bạn. Vậy, hãy lấy键盘 (phím) ảo của bạn và cùng nhau lặn sâu vào!

Cú pháp

Hãy bắt đầu từ những điều cơ bản. Trong JavaScript, chúng ta sử dụng từ khóa var để khai báo các biến. Hãy nghĩ về các biến như những bình chứa ma thuật có thể giữ các loại thông tin khác nhau. Dưới đây là cách chúng ta tạo chúng:

var magicNumber = 42;
var wizardName = "Merlin";
var isWizard = true;

Trong các ví dụ này, chúng ta đã tạo ra ba biến:

1. magicNumber chứa một số (42)
2. wizardName chứa một chuỗi ("Merlin")
3. isWizard chứa một giá trị boolean (true)

Nhớ rằng, JavaScript giống như một trợ lý hữu ích - nó không cần bạn chỉ định loại dữ liệu bạn đang lưu trữ. Nó tự động xác định điều đó!

Vùng chứa biến trong JavaScript

Bây giờ, hãy nói về một điều gì đó cao cấp hơn - vùng chứa biến. Trong thế giới ma thuật của JavaScript, các biến tồn tại trong các miền khác nhau được gọi là vùng chứa.

Vùng chứa toàn cục

Khi bạn khai báo một biến ngoài bất kỳ hàm nào, nó trở thành một biến toàn cục. Nó giống như bạn宣布 một điều gì đó trong Đại sảnh Hogwarts - mọi người đều có thể nghe thấy!

var globalSpell = "Lumos";

function castSpell() {
console.log(globalSpell); // Output: "Lumos"
}

castSpell();
console.log(globalSpell); // Output: "Lumos"

Vùng chứa hàm

Các biến được khai báo trong một hàm chỉ có thể truy cập được trong hàm đó. Nó giống như bạn thì thầm một điều bí mật - chỉ những người trong hàm mới có thể nghe thấy.

function learnSecretSpell() {
var secretSpell = "Alohomora";
console.log(secretSpell); // Output: "Alohomora"
}

learnSecretSpell();
console.log(secretSpell); // Error: secretSpell is not defined

Lifting biến trong JavaScript

Bây giờ, chúng ta sẽ gặp một hành vi kỳ lạ của JavaScript gọi là lifting. Hãy tưởng tượng, trước khi một trận đấu Quidditch, tất cả các chổi đều bay lên đỉnh sân. Đó là điều JavaScript làm với các khai báo var!

console.log(magicWand); // Output: undefined
var magicWand = "Elder Wand";

JavaScript lifted khai báo (nhưng không phải khởi tạo) lên đỉnh. Như thể mã được viết như này:

var magicWand;
console.log(magicWand); // Output: undefined
magicWand = "Elder Wand";

Khai báo lại biến được xác định bằng từ khóa 'var'

Khác với một số ngôn ngữ lập trình严格, JavaScript rất dễ dãi khi bạn khai báo lại biến bằng var. Nó giống như bạn có thể đổi tên con chim ưng nhiều lần mà không gặp bất kỳ vấn đề nào!

var owl = "Hedwig";
console.log(owl); // Output: "Hedwig"

var owl = "Errol";
console.log(owl); // Output: "Errol"

Khai báo nhiều biến trong một câu lệnh

Để tiết kiệm thời gian (và tránh việc gõ quá nhiều), bạn có thể khai báo nhiều biến trong một câu lệnh. Nó giống như bạn cast nhiều phép cùng một động tác của cây chổi!

var spell1 = "Expelliarmus",
spell2 = "Expecto Patronum",
spell3 = "Wingardium Leviosa";

Sử dụng từ khóa 'var' trong các vòng lặp

Từ khóa var đặc biệt hữu ích trong các vòng lặp. Nó giống như bạn có một bộ đếm ma thuật để theo dõi các phép của bạn:

for (var i = 1; i <= 3; i++) {
console.log("Casting spell " + i);
}
// Output:
// Casting spell 1
// Casting spell 2
// Casting spell 3

Tuy nhiên, hãy cẩn thận! Biến vòng lặp i sẽ vẫn tồn tại sau khi vòng lặp kết thúc, điều này có thể không phải là điều bạn muốn.

Khai báo với destructuring

Cuối cùng, hãy nhìn vào một kỹ thuật cao cấp hơn gọi là destructuring. Nó giống như unpacking một valise đầy các vật phẩm ma thuật tất cả cùng một lúc:

var [spell, wand, potion] = ["Lumos", "Holly", "Felix Felicis"];
console.log(spell);  // Output: "Lumos"
console.log(wand);   // Output: "Holly"
console.log(potion); // Output: "Felix Felicis"

Điều này cho phép bạn gán nhiều biến từ một mảng trong một dòng mã. Rất ma thuật, phải không?

Bây giờ, hãy tóm tắt tất cả các phương pháp chúng ta đã học trong một bảng tiện lợi:

Phương pháp	Mô tả	Ví dụ
Khai báo cơ bản	Khai báo một biến đơn	var magicNumber = 42;
Vùng chứa toàn cục	Khai báo một biến có thể truy cập mọi nơi	var globalSpell = "Lumos";
Vùng chứa hàm	Khai báo một biến chỉ có thể truy cập trong hàm	function() { var secretSpell = "Alohomora"; }
Lifting	Các biến được dịch lên đỉnh vùng chứa	console.log(x); var x = 5;
Khai báo lại	Khai báo cùng một biến nhiều lần	var owl = "Hedwig"; var owl = "Errol";
Khai báo nhiều biến	Khai báo nhiều biến trong một câu lệnh	var spell1 = "Expelliarmus", spell2 = "Expecto Patronum";
Khai báo trong vòng lặp	Sử dụng var trong vòng lặp	for (var i = 0; i < 5; i++) { ... }
Destructuring	Gán nhiều biến từ một mảng	var [spell, wand] = ["Lumos", "Holly"];

Và thế là bạn đã hoàn thành bài học đầu tiên về từ khóa var trong JavaScript. Nhớ rằng, như việc thành thạo bất kỳ kỹ năng ma thuật nào, việc thành thạo JavaScript đòi hỏi sự luyện tập. Vậy, hãy tiếp tục viết mã, tiếp tục thử nghiệm, và quan trọng nhất, hãy vui vẻ! Đến bài học tiếp theo, chúc mã của bạn không có lỗi và các biến của bạn luôn được khai báo chính xác!

Credits: Image by storyset