前言
持续学习总结输出中，今天分享的是Web前端，JavaScript变量的基本使用、本质、变量命名规则与规范、let和var的区别、数组
1、变量是什么
变量就是一个装东西的盒子。变量是计算机中用来存储数据的“容器”，它可以让计算机变得有记忆。
注意:
变量不是数据本身，它们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子。
小结
1. 变量是怎么理解? 计算机中用来存储数据的“容器”，简单理解是一个个的盒子。
2. 变量有什么作用呢? 用来存放数据的。注意变量指的是容器而不是数据。
3. 你还能想到那些生活中的变量? HTML标签 教室 宿舍 ...
2、变量基本使用
1. 声明变量: 要想使用变量，首先需要创建变量(专业说法: 声明变量)
语法:
let 变量名
声明变量有两部分构成:声明关键字、变量名(标识) let 即关键字 (let: 允许、许可、让、要)，所谓关键字是系统提供的专门用来声明(定义)变量的词语
举例:
let age
age 即变量的名称，也叫标识符
2. 变量赋值:
定义了一个变量后，你就能够初始化它(赋值)。在变量名之后跟上一个“=”，然后是数值。
<script>
let age
// 赋值，将 18 这个数据存入了 age 这个 “容器” 中
age = 18
//这样 age 的值就成了 18
document.write(ege)
</script>
age：变量；18：字面量；
注意:
是通过变量名来获得变量里面的数据
也可以声明变量的时候同时给变量初始化。
<script>
// 声明了一个age变量，同时里面存放了 18 这个数据
let age = 18
</script>
3. 更新变量: 变量赋值后，还可以通过简单地给它一个不同的值来更新它。
<script>
// 声明一个age变量，同时里面存放了 18 这个数据
let age = 18
//变量里面的的数据发生变化更改为 19
age = 19
//页面输出的结果为 19
document.write(ege)
</script>
<script>
// 声明一个age变量，同时里面存放了 18 这个数据
let age = 18
//变量里面的的数据发生变化更改为 19
let age = 19
//输出会报错
document.write(ege)
</script>
注意:
let 不允许多次声明一个变量。
4. 声明多个变量: 变量赋值后，还可以通过简单地给它一个不同的值来更新它。
<script>
let age = 19, uname = 'pink'
</script>
小结
1. 怎么理解变量?它的主要作用是什么? 一个容器，用来存放数据的
2. 变量是通过那个关键字来声明变量?如何赋值? 变量通过let来声明 通过=实现赋值
3. 变量通过变量名来获得里面的数据
<script>
// 声明一个age变量，同时里面存放了 18 这个数据
let age = 18
//变量里面的的数据发生变化更改为 19
age = 19
//页面输出的结果为 19
document.write(ege)
</script>
- 可以同时声明多个变量
<script>
let age = 19, uname = 'pink'
</script>
3、变量的本质
内存: 计算机中存储数据的地方，相当于一个空间
变量: 是程序在内存中申请的一块用来存放数据的小空间
4、变量命名规则与规范
规则: 必须遵守，不遵守报错 规范: 建议，不遵守不会报错，但不符合业内通识
1. 规则: 不能用关键字 关键字:有特殊含义的字符，JavaScript 内置的一些英语词汇。例如:let、var、if、for等 只能用下划线、字母、数字、$组成，且数字不能开头 字母严格区分大小写，如 Age 和 age 是不同的变量
2. 规范: 起名要有意义 遵守小驼峰命名法 第一个单词首字母小写，后面每个单词首字母大写。例:userName
5、let和var的区别
let 为了解决 var 的一些问题
var 声明: 可以先使用 在声明 (不合理) var 声明过的变量可以重复声明(不合理) 比如变量提升、全局变量、没有块级作用域等等
6、数组
数组(Array)是一种可以按顺序保存多个数据
<script>
// arr变量 []数组字面量
let arr = []
</script>
1. 声明语法
<script>
let names = ['马超', '黄忠', '关羽', '张飞', '貂蝉']
</script>
- 数组是按顺序保存，所以每个数据都有自己的编号
- 计算机中的编号从0开始，所以小明的编号为0，小刚编号为1，以此类推
- 在数组中，数据的编号也叫索引或下标
- 数组可以存储任意类型的数据
2. 取值语法
<script>
let names = ['马超', '黄忠', '关羽', '张飞', '貂蝉']
names[0] //马超
names[1] //黄忠
</script>
-
通过下标取数据
-
取出来是什么类型的，就根据这种类型特点来访问
3. 一些术语: 元素:数组中保存的每个数据都叫数组元素 下标:数组中数据的编号 长度:数组中数据的个数，通过数组的length属性获得
<script>
let names = ['马超', '黄忠', '关羽', '张飞', '貂蝉']
console.log(names[0]) //马超
console.log(names[1]) //黄忠
console.log(names.length) // 5
</script>
小结
1. 使用数组有什么好处? 数组可以保存多个数据
2. 数组字面量用什么表示? [] 中括号
3. 请说出下面数组中 ‘张飞’ 的下标是多少? 如何取得这个数据? 下标是 4 获取的写法是 names[4]
<script>
let names = ['马超', '黄忠', '关羽', '张飞', '貂蝉']
</script>
7、总结
1. 为什么需要变量? 因为我们一些数据需要保存，所以需要变量
2. 变量是什么? 变量就是一个容器，用来存放数据的。方便我们以后使用里面的数据
3. 变量的本质是什么? 变量是内存里的一块空间，用来存储数据。
4. 变量怎么使用的? 我们使用变量的时候，一定要声明变量，然后赋值 声明变量本质是去内存申请空间。
最后分享一句话：
我们内心的模式决定我们看到些什么、感受些什么、如何思考以及最终成为怎样的人。糟糕的心智模式就像一堵堵墙：我们亲手搬砖、垒砌，把自己围在里边——勤奋却低效，挣扎而无路可去。拆掉思维里的墙，改变我们的世界。 《拆掉思维里的墙》
本次的分享就到这里了！！！
欢迎在评论区留言讨论！！！
