JavaScript - var 关键字

你好，未来的JavaScript法师们！今天，我们将踏上一段激动人心的旅程，探索JavaScript世界中的变量，特别是聚焦于var关键字。作为你友好的计算机老师邻居，我在这里引导你了解这个基本概念，它将为你编程探险之旅奠定基础。所以，拿起你的虚拟魔杖（键盘），让我们开始吧！

语法

我们先从基础开始。在JavaScript中，我们使用var关键字来声明变量。想象变量是神奇的容器，可以容纳不同类型的信息。下面是如何创建它们的示例：

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

在这些示例中，我们创建了三个变量：

1. magicNumber 存储了一个数字（42）
2. wizardName 存储了一个字符串（"Merlin"）
3. isWizard 存储了一个布尔值（true）

记住，JavaScript就像一个乐于助人的助手——它不需要你指定你正在存储的数据类型。它会自己推断出来！

JavaScript 变量作用域

现在，让我们来谈谈一些更高级的内容——变量作用域。在JavaScript的神奇世界中，变量存在于不同的领域，称为作用域。

全局作用域

当你在一个函数外部声明一个变量时，它变成了一个全局变量。这就好像在霍格沃茨的大厅里宣布某事——每个人都能听见！

var globalSpell = "Lumos";

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

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

函数作用域

在函数内部声明的变量只能在该函数内部访问。这就好像低声念一个秘密咒语——只有函数内部的人才能听见。

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

learnSecretSpell();
console.log(secretSpell); // 错误: secretSpell 未定义

JavaScript 变量提升

现在，让我们来看看JavaScript的一个有点棘手的行为。它有一个叫做提升（hoisting）的特殊行为。想象一下，如果在魁地奇比赛之前，所有的扫帚都飘到了场地顶部。JavaScript对var声明做的就是类似的事情！

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

JavaScript将声明提升到了顶部（但不是初始化）。就好像代码是这样写的：

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

使用 'var' 关键字重新声明变量

与一些更严格的编程语言不同，JavaScript在重新声明使用var定义的变量方面非常宽容。这就好像可以多次更改你的宠物猫头鹰的名字而不必有任何麻烦！

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

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

单个语句中声明多个变量

为了节省时间（并防止因大量打字而导致的腕管综合征），你可以一次声明多个变量。这就好像一次挥动魔杖施放多个咒语！

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

在循环中使用 var 关键字

var关键字在循环中特别有用。它就像一个神奇的计数器，跟踪你的咒语：

for (var i = 1; i <= 3; i++) {
console.log("施放咒语 " + i);
}
// 输出：
// 施放咒语 1
// 施放咒语 2
// 施放咒语 3

但是要小心！循环变量i在循环结束后仍然存在，这可能不是你想要的。

使用解构声明

最后，我们来看看一个更高级的技术，叫做解构。这就像一次性打开一个装满魔法物品的箱子：

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

这允许你用一行代码从数组中分配多个变量。是不是很神奇？

现在，让我们总结一下我们学到的所有方法，在一个方便的表格中：

方法	描述	示例
基本声明	声明一个单一变量	var magicNumber = 42;
全局作用域	声明一个到处可访问的变量	var globalSpell = "Lumos";
函数作用域	声明一个仅在函数内可访问的变量	function() { var secretSpell = "Alohomora"; }
提升	变量声明会被移动到作用域顶部	console.log(x); var x = 5;
重新声明	多次声明同一个变量	var owl = "Hedwig"; var owl = "Errol";
多重声明	一次声明多个变量	var spell1 = "Expelliarmus", spell2 = "Expecto Patronum";
循环声明	在for循环中使用var	for (var i = 0; i < 5; i++) { ... }
解构	从数组中分配多个变量	var [spell, wand] = ["Lumos", "Holly"];

就这样，年轻的法师们！你已经完成了关于JavaScript中var关键字的第一次课程。记住，就像掌握任何魔法技能一样，精通JavaScript需要练习。所以，继续编码，继续实验，最重要的是，继续享受乐趣！在我们的下一课之前，愿你的代码没有错误，你的变量总是被正确声明！

Credits: Image by storyset