学习需知
one:
- 能够说出变量的主要作用
- 能够写出变量的初始化
- 能够说出变量的命名规范
- 能够画出变量是如何在内存中存储的
- 能够写出交换变量案例
two:
- 变量概述
- 变量的使用
- 变量语法扩展
- 变量命名规范
- 交换变量案例
一、变量概述
1、什么是变量
白话:变量就是一个装东西的盒子
通俗:变量是用于存放数据的容器。我们通过变量名获取数据,甚至数据可以修改
2、变量在内存中的存储
本质:变量是程序在内存中申请的一块用来存放数据的空间。
类似我们酒店的房间,一个房间就可以看做是一个变量
3.变量的使用
变量在使用时分为两步:1.声明变量 2.赋值
3.1 声明变量
//声明变量
var age;//声明一个名称为age的变量
var是一个JS关键字,用来声明变量(variable变量的意思)。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管- age 是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间
3.2 赋值
age = 10; //给age 这个变量赋值为10
- = 用来把右边的值赋给左边的变量空间中,此处代表赋值的意思
- 变量值是程序员保存到变量空间里的值
4.变量的初始化
var age = 18; //声明变量同时赋值为18
声明一个变量并赋值,我们称之为变量的初始化
5.案例:变量的使用
1.弹出一个输入框,提示用户输入姓名 2.弹出一个对话框,输出用户刚才输入的姓名
// 1.用户输入姓名 存储到一个myname的变量里面
var myname = prompt('请输入姓名');
// 2.输出这个用户名
alert(myname);
二、变量语法扩展
1.更新变量
一个变量被重新赋值后,它原有的值就会被覆盖,变量值将以最后一次附的值为准
// 1. 更新变量
var myname = 'pink先生';
console.log(myname);
myname = 'pink猪猪';
console.log(myname);
2.同时声明多个变量
同时声明多个变量时,只需要写一个var,多个变量名之间使用英文逗号隔开
// 2. 声明多个变量
var age = 10,
name = 'zs',
sex = 2;
3. 声明变量特殊情况
3.1 情况一
var age;console.log(age);
说明:只声明 不赋值 结果:undefined (程序也不知道里面存的是啥 所以结果是undefined 未定义)
3.2 情况二
console.log(age)
说明:不声明 不赋值 直接使用某个变量会报错 结果:报错
3.3 情况三
age = 10;console.log(age);
说明:不声明 只赋值 结果:10
三、变量的命名规范
- 有字母(A-Za-z)、数字(0-9)、下划线(-)、美元符号($)组成,如:usrAge,num01,_name
- 严格区分
大小写.var app 和var App;是两个变量 - 不能以
数字开头。18age 是错误的 - 不能是关键字、保留字。例如:var、for、while
- 变量名必须有意义。
- 遵守驼峰命名法。
首字母小写,后面单词的首字母需要大写。myFirstName - 推荐翻译网站:有道 爱词霸
四、案例:课堂练习
要求:交换两个变量的值(实现思路:使用一个临时变量 用来做中间存储)
// 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);
五、小结
1. 为什么需要变量?
因为我们一些数据需要保存,所以需要变量
2. 变量是什么?
变量就是一个容器,用来存放数据的。方便我们以后使用里面的数据
3. 变量的本质是什么?
变量是内存里的一块空间,用来存储数据
4. 变量怎么使用的?
- 我们使用变量的时候,一定要先声明变量,然后赋值
- 声明变量本质是去内存申请空间
5. 什么是变量的初始化?
声明变量并赋值我们称之为变量的初始化
6. 变量命名规范有哪些?
- 变量名尽量要规范,见名知意-驼峰命名法
- 区分变量名不合法
7. 交换2个变量值的思路?
学会交换2个变量