JS-变量

173 阅读4分钟

学习需知

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个变量