变量

介绍

介绍：变量是计算机存储数据的“容器”

作用：存放数据

注意：变量不是数据本身，它们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子。

环境对象this

介绍：指的是函数内部特殊的变量 this ，它代表着当前函数运行时所处的环境

作用：让代码更简洁

==默认指向window，谁调用指向谁==

	const btn = document.querySelector('button')
    btn.addEventListener('click', function () {
      // console.log(this)  // btn 对象
      // btn.style.color = 'red'
      this.style.color = 'red'    this指向btn
    })

变量的本质

变量本质： 在内存中开辟了一块存放数据的空间

变量的声明

介绍：JavaScript 使用专门的关键字 let 和 var 来声明（定义）变量（==var已经废弃==）

let

语法：let 变量名

let num

使用 let 时的注意事项：

1. 允许声明和赋值同时进行

2. ==let 不允许多次声明一个变量==

3. 允许同时声明多个变量并赋值

4. JavaScript 中内置的一些关键字不能被当做变量名

var

语法：var 变量名

var num

使用 var 时的注意事项：

1. 允许声明和赋值同时进行

2. 可以先声明再使用（不合理）

3. 允许重复声明（不合理）

4. 允许同时声明多个变量并赋值

5. 变量提升、全局变量、没有块级作用域等等（不合理）

变量的赋值

语法：变量名 = 值

num = 100

变量的初始化

介绍：变量声明并赋值，称为变量的初始化

let num = 100

变量的更新

介绍：再次给变量赋值

let num = 100
num = 10
console.log(num) // 10

变量命名规则

1. 只能是字母、数字、下划线、$，且不能能数字开头
2. 字母严格区分大小写，如 Age 和 age 是不同的变量
3. JavaScript 内部已占用于单词（关键字或保留字）不允许使用
4. 尽量保证变量具有一定的语义，见字知义
5. 使用小驼峰命名法，第一个单词首字母小写，后面每个单词首字母大写。例：userName