零基础无痛 JS 学习系列---变量篇

13 阅读3分钟

变量

什么是变量?

简单来说,变量就是一个装东西的盒子

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

7ebcbf94f24e161876fec9cda57bbb3d.jpg

变量在内存中的存储

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

类似酒店的房间,一个房间就可以看作一个变量。

变量的使用

变量在使用时分为两步:1.声明变量 2.赋值

1.声明变量:

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

2.赋值:

age = 18; //给age这个变量赋值为18
  • = 用来把右边的值赋给左边的变量空间中 此处代表赋值的意思
  • 变量值是程序员保存到变量空间里的值

3.变量的初始化

声明一个变量并且赋值,我们称为变量的初始化。

//变量的初始化
var myname = '甜味弥漫'

实战练习

  1. 一天,一位名叫蜗牛的人在旅店登记的时候前台让他填一张表,这张表里面的内容要存到电脑上,表中的内容有:姓名,年龄,邮箱,家庭住址和工资,存储之后需要把这些信息显示出来,所显示的内容如下:

我叫蜗牛,我住在旅梦,我今年18岁了,我的邮箱是woniu@itcast.cn,我的工资是 3000

答案见评论区

  1. a. 弹出一个输入框,提示用户输入姓名。 b. 弹出一个对话框,输出用户刚才输入的姓名。

答案见评论区

变量语法扩展

1.更新变量: 一个变量被重新赋值后,它原有的值会被覆盖,变量值将以最后一次赋的值为准。

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

2.可以声明多个变量: 同时声明多个变量时,只需要写一个 var ,多个变量名之间使用英文逗号隔开。

var age = 18,
    address = '旅梦',
    salary = 3000;

3.声明变量特殊情况:

b8ff7ccada79f2191c077ac5c6deb505.jpg

变量名规范

  • 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号($)组成,如:usrAge,num01,_name

  • 严格区分大小写。var app;和var App;是两个变量

  • 不能以数字开头。18age 是错误的

  • 不能是关键字、保留字。例如:var、for、while

  • 变量名必须有意义:age address

  • 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。myFirstName

实战练习

交换两个变量的值

var apple1 = '红苹果'
var apple2 = '青苹果'

如何把apple1 的值和apple2 的值互换?(思路:临时变量)

答案见评论区

变量小结

  • 为什么需要变量?

因为我们一些数据需要保存,所以需要变量

  • 变量是什么?

变量就是一个容器,用来存放数据的。方便我们以后使用里面的数据

  • 变量的本质是什么?

变量是内存里的一块空间,用来存放数据。

  • 变量怎么使用?

先声明变量,然后才能赋值

  • 声明变量的本质是去内存申请空间。

  • 什么是变量的初始化?

声明变量并赋值我们称之为变量的初始化

  • 变量命名规范有哪些?

变量名尽量要规范,见名如意---驼峰命名法

  • 交换2个变量值的思路?

学会交换两个变量