JavaScript第一天学习总结—— 变量

变量的概念

什么是变量

• 白话：变量就是一个装东西的盒子。

• 通俗：变量是用于存放数据的容器。 我们通过 变量名 获取数据，甚至数据可以修改。
  

• 变量理解：变化的量，变化的内容，变化的数据

• 变量存储数据理解：程序运行过程中的数据存储在内存中，但是内存比较大，为了方便管理，所以将内存分成一个一个的盒子（变量）来存储

变量在内存中的存储

本质：变量是程序在内存中申请的一块用来存放数据的空间。

变量的使用

变量的使用分为两步：

1. 变量的声明
2. 变量的赋值

声明变量

语法：

var 变量名;
var age; //  声明一个 名称为age 的变量     

• var 是一个 JS关键字，用来声明变量( variable 变量的意思 )。
• 使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管
• age 是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间
• 关键字：js中有特殊作用的词。

赋值

语法：

变量名 = 值;
age = 10; // 给 age  这个变量赋值为 10    

• = 用来把右边的值赋给左边的变量空间中 ，等号此处代表赋值的意思
• 变量值是程序员保存到变量空间里的值
• 注意：这里的等号，不是相等，1+1=2.

变量的初始化

• 声明一个变量并赋值， 我们称之为变量的初始化
• 变量的初始化 ：变量声明+变量赋值

语法：

var 变量名 = 值;
var age  = 18;  // 声明变量age同时赋值为 18          

变量案例

案例1

var myname = '旗木卡卡西';  // 字符串
var address = '火影村';
var age = 30;  // 数字
var email = 'kakaxi@itcast.cn';
var gz = 2000;
console.log(myname);
console.log(address);
console.log(age);
console.log(email);
console.log(‘gz’); // gz
console.log(gz); // 2000

注意：

• 变量赋值时，值如果是字符串需要添加单引号（’’) 、双引号（""）
• 每行代码结束，都需要添加分号（;）
• 变量在使用时，不能添加引号 （定义，声明变量的时候，没有引号，使用的时候自然也不能添加引号）

案例2

// 1. 用户输入姓名  存储到一个 myname的变量里面
var myname = prompt('请输入您的名字');
// prompt 做的事情：
// (1). 弹出输入框 , 用户输入内容:zs
// (2). 将用户输入内容返回 ，相当于 ：var myname = 'zs';
// 2. 输出这个用户名
alert(myname); // zs

变量语法扩展

• 更新变量

  一个变量被重新复赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。

  var age = 18;
  
  age = 81;   // 最后的结果就是81因为18 被覆盖掉了          
  

• 同时声明多个变量

  同时声明多个变量时，只需要写一个 var， 多个变量名之间使用英文逗号隔开。

  var age = 10,  name = 'zs', sex = 2;   //同时初始化多个变量
  var age,name,sex;//这个才是同时声明多个变量
  

• 声明变量特殊情况

  情况	说明	结果
  var age ; console.log (age);	只声明 不赋值	undefined
  console.log(age)	不声明 不赋值 直接使用	报错:age is not defined
  age = 10; console.log (age);	不声明 只赋值	10

总结：

​ undefined：未定义 ： 只声明未赋值，值未定义

​ not defined ： 没有定义，变量没有定义

变量命名规范

规则
由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：usrAge, num01, _name
严格区分大小写。var app; 和 var App; 是两个变量
不能 以数字开头。 18age 是错误的
不能 是关键字、保留字。例如：var、for、while
变量名必须有意义。 MMD BBD nl → age
遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。 myFirstName[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OjcM3xMu-1627919486405)(images\图片15.png)]
推荐翻译网站： 有道 爱词霸

变量案例-交换两个变量

// js 是编程语言有很强的逻辑性在里面： 实现这个要求的思路 先怎么做后怎么做 
// 1. 我们需要一个临时变量帮我们
// 2. 把apple1 给我们的临时变量 temp 
// 3. 把apple2 里面的苹果给 apple1 
// 4. 把临时变量里面的值 给 apple2 
var temp; // 声明了一个临时变量为空
var apple1 = '青苹果';
var apple2 = '红苹果';
temp = apple1; // 把右边给左边
apple1 = apple2;
apple2 = temp;
console.log(apple1);
console.log(apple2);