新人学习笔记之（变量）

一、变量概述

1.什么是变量

（1）白话：变量就是一个装东西的盒子

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

2.变量在内存中的储存

（1）本质：变量是程序在内存中申请的一块用来存放数据的空间，类似我们酒店的房间，一个房间就可以看作一个变量

二、变量的使用

1.变量在使用中分为两步：第一步声明变量第二部赋值

（1）声明变量

1）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 声明了一个age的变量var age;</script>
</head>
<body></body>
</html>

2）var 是一个关键字，用来声明变量（variable变量的意思）。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管理

3）age 是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间

（2）赋值

1）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 赋值 给age这个变量赋值为16age = 16;</script>
</head>
<body></body>
</html>

2）=用来把右边的值赋给左边的变量空间中此处代表赋值的意思

3）变量值是程序员保存到变量空间里的值

2.变量的初始化

（1）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 变量的初始化 声明变量同时赋值为18var age = 18;</script>
</head>
<body></body>
</html>

（2）声明一个变量并赋值，我们称之为变量初始化

三、变量语法扩展

1.更新变量

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

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 更新变量var myname = 'ljh';myname = 'hsl';</script>
</head>
<body></body>
</html>

2.同时声明多个变量

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

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 声明多个变量var age = 16 ,address = '山西' ,xx = 120;</script>
</head>
<body></body>
</html>

3.声明变量特殊情况

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

四、变量命名规范

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

2.严格区分大小写。varapp;和 var App;是两个变量

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

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

5.变量名必须有意义。MMD BBD nl -> age

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

五、交换变量案例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// JS 是编程语言有很强的逻辑性在里面： 实现这个要求的思路  先怎么做后怎么做// 我们需要一个临时变量来做// 把apple1 给我们的临时变量  temp// 把apple2 里面的红苹果给 apple1// 把临时变量里面的值给 apple2var temp;var apple1 = '青苹果';var apple2 = '红苹果';temp = apple1; // 把右边的给左边apple1 = apple2;apple2 = temp;console.log(apple1)console.log(apple2)</script>
</head>
<body></body>
</html>