前端新手必备：轻松掌握变量声明和初始化

文章导读：AI 辅助学习前端，包含入门、进阶、高级部分前端系列内容，当前是 javascript 的部分，瑶琴会持续更新，适合零基础的朋友，已有前端工作经验的可以不看，也可以当作基础知识回顾。

这一节瑶琴带大家学习 javascript 中变量的知识点，变量是一个非常重要的概念。变量就像一个容器，用于存储数据，这些数据可以是数字、文本、对象等。变量就像盒子，想象你有一些物品，比如书、鞋子和苹果。你想要将它们储存在盒子里，方便便日后使用，这个盒子就是变量。

以下是 JavaScript 关于变量的用法：在 JavaScript 中声明变量时，通常会使用关键字 var。这是一个非常重要的概念，因为它告诉解释器你正在创建一个新变量。

1.变量命名规则

变量名可以包含字母、数字、下划线和美元符号，但不能以数字开头。变量名是大小写敏感的，因此 myVariable 和 myvariable 是两个不同的变量。

var myVar123$; // 有效的变量名
var 123invalid; // 无效的变量名，不能以数字开头

2.声明变量

给盒子起一个名字，比如"myNumber"。

var myNumber; // 创建一个变量（盒子）叫做myNumber

3. 初始化变量

JavaScript 包含多种数据类型，包括字符串、数字、布尔、数组、对象等。你可以先声明后赋值，也可以在声明变量时就赋值(初始化变量)

var myNumber = 42; // 创建一个名为 myNumber 的变量，并将其初始化为数字 42

4. 使用变量

一旦你创建了变量并赋值，你可以在代码中使用它：

var x = 5;
var y = 10;
var result = x + y; // 把 x 和 y 的值相加并存储在 result 变量中

5. 变量提升

JavaScript 中的变量声明会被提升到其所在作用域的顶部。这意味着你可以在声明变量之前使用它们，但它们的值会是 undefined。

console.log(x); // 输出 undefined
var x = 5;

注意：在 javascript 中省略 var 声明的变量全局变量，声明变量时最好加上 var

• 全局变量:变量挂载在 window 对象上

• 局部变量：函数或块级作用域内的变量，一般情况下用完即被销毁

6. 作用域

使用 var 声明的变量通常具有函数作用域，这意味着它们只在声明它们的函数内部可见。这也被称为局部变量。

function example() {
  var localVar = "I'm local";
  // localVar 只能在 example 函数内部访问
}

这是 var 关键字声明变量的一些基础知识点。随着 JavaScript 的发展，ES6（ECMAScript 2015）引入了 let 和 const 关键字，它们具有更灵活的变量作用域规则。在现代 JavaScript 中，通常更倾向于使用 let 和 const 而不是 var 来声明变量。这在后续的章节中会学习到。

希望今天的内容对初学前端的朋友有所帮助。也希望每一个初学者都能成为一个优秀的前端开发工程师，加油。

最后啰嗦一句，好记性不如烂笔头，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。