变量是在 JavaScript 中存储数据的基本单位，像姓名、年龄、身高等数据都是用变量来进行保存。

$$tip

之所以称之为变量是因为保存的数据可以被改变，与之对应的是数据不能被改变的常量。

$$

初始化变量

以下代码就是创建（声明、定义）了一个变量 name ， name 中还没有保存任何数据。

let name

之后可以使用赋值运算符 = 将数据保存到变量中。

let name
name = "鸣人"

变量的定义与赋值可以同时完成，以下代码与上面的等价。

let name = "鸣人"

我们可以尝试用 alert 显示其中的数据，这便是变量的意义，保存我们的数据以便之后使用。

$$jsdemo$$
let name = "鸣人"

alert(name)

$$warning

var 同样可以声明一个变量，但已不推荐使用，在之后的章节会介绍 var 与 let 的区别。

$$

变量命名规则

JavaScript 的变量命名有以下两个限制：

• 只能由字母、数字、 $ 、_ 组成。
• 不能由数字开头。

$$tip

变量名区分大小写， username 与 userName 是两个不同的变量。

通常将变量名中单词的首字母大写，比如 myUserName 。这是前端开发中很常见的命名方法，被称为驼峰命名法。

$$

保留字

有一些命名已经被 JavaScript 使用，比如定义变量的 let ，这类命名就被称为保留字（关键字），禁止使用保留字作为变量名。JavaScript 中的保留字可以参考关键字 - MDN 。

以下是错误的示范。

let let = '变量' // let 是保留字禁止使用
let function = '变量' // function 是保留字禁止使用

---

练习

1. 用变量保存你的姓名、最喜欢的动物、最喜欢吃的水果，使用驼峰命名法给它们起个好听的变量名，并用 alert 展示出来。

$$answer

$$jsdemo$$
$$edit$$
<script>
    let name = "鸣人"
    let favoriteAnimal = "猫"
    let favoriteFruit = "西瓜"

    alert(name)
    alert(favoriteAnimal)
    alert(favoriteFruit)
</script>

$$