JS-变量、常量和数组-JZTXT

一. 变量

变量是计算机中用来存储数据的“容器”，它可以让计算机变得有记忆，通俗的理解变量就是使用【某个符号】来代表【某个具体的数值】（数据），这个符号就是变量，这个具体的值称为字面量。

<script>
  // x 符号代表了 5 这个数值
  x = 5
  // y 符号代表了 6 这个数值
  y = 6
    
  //举例： 在 JavaScript 中使用变量可以将某个数据（数值）记录下来！

  // 将用户输入的内容保存在 num 这个变量（容器）中
  num = prompt('请输入一数字!')

  // 通过 num 变量（容器）将用户输入的内容输出出来
  alert(num)
  document.write(num)
</script>

变量的声明

声明变量也叫定义变量：let 变量名，此处let为关键字。
关键字是 JavaScript 中内置的一些英文词汇（单词或缩写），它们代表某些特定的含义，如 let 的含义是声明变量的，看到 let 后就可想到这行代码的意思是在声明变量，如 let age;

let 和 var 都是 JavaScript 中的声明变量的关键字，推荐使用 let 声明变量。

问：为什么用let不用var？
答：let 比 var 更加严谨，建议使用let声明变量：

⭐使用 let 时的注意事项：

允许声明和赋值同时进行

不允许重复声明

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

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

⭐使用 var 时的注意事项：

允许声明和赋值同时进行

允许重复声明

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

变量可以先使用再声明

变量的赋值

声明（定义）变量相当于创造了一个空的“容器”，通过赋值向这个容器中添加数据。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 基础 - 声明和赋值</title>
</head>
<body>
  
  <script> 
    // 声明(定义)变量
    let age
    // 赋值，将 18 这个数据存入了 age 这个“容器”中
    age = 18
    // 这样 age 的值就成了 18
    document.write(age)
	
	// 也可以同时声明多个变量
	let uname = tom, age = 20
	
    // 也可以声明和赋值同时进行
    let str = 'hello world!'
    alert(str);
  </script>
</body>
</html>

变量名命名规则

关于变量的名称（标识符）有一系列的规则需要遵守：

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

二. 数组

数组 Array ：一种将一组数据存储在单个变量名下的方式

声明数组

let 数组名 = [ 数据1, 数据2, 数据3, ..., 数据n ]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let day = ['星期一','星期二','星期三','星期四','星期五','星期六','星期日',10]
    </script>
</body>
</html>

数组是按照顺序保存，每个数据都有自己的编号，也叫索引（从0开始）
数组可以保存任意类型的数据
数组中保存的每个数据都叫一个数组元素

使用数组

数组名[下标]
想知道数组的长度，需要使用：数组名.length

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let day = ['星期一','星期二','星期三','星期四','星期五','星期六','星期日']
        console.log(day[6]) //星期日
        console.log(day.length) //7
    </script>
</body>
</html>

三. 常量

概念： 使用const声明的变量称为“常量”。
使用场景： 当某个变量永远不会改变的时候，就可以使用 const 来声明，而不是let。（不需要重新赋值的数据就可以使用 const ）
命名规范： 和变量一致。

const PI = 3.14

注意： 常量不允许重新赋值，声明的时候必须赋值（初始化）。