JavaScript-变量

二、变量

1.变量概述

1.1 什么是变量？

变量：可以变化的量，通过一些符号，存储一些数据，通过变量名可以取数据，也可以修改数据。

1.2 变量在内存中的存储

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

2.变量的使用 

2.1 声明变量

1. 三种方式：

• var 变量名；
• let  变量名；
• const 变量名；

 2. var、let、const的区别：

var	可以重复声明变量	有变量提升	没有块级作用域
let	声明变量不能重名	没有变量提升	有块级作用域
const	声明常量必须有初始值 声明变量不能重名	没有变量提升	有块级作用域

2.2 变量的赋值

1. 先声明后赋值

//单个变量
var a;
a=10;   

//多个变量
var a,b,c;
a=10;
b=20;
c=30;      

2. 声明的同时即赋值(变量初始化)

//单个变量 
var a=10;

//多个变量
var a=10,b=20,c=30;

2.3 修改变量的值

        重新赋值：变量名=新值；

var age=18;
age=21;
console.log(age); //21
//18被21覆盖掉了，最后结果为21

        注意：修改会覆盖原来的值，以最后一次的值为准

2.4 输出变量的值

1.  alert()  弹出一个警告框    一次只能输出一个变量的值
2.  console.log()  控制台输出    可输出多个变量的值，用逗号隔开
3.  document.write()   文档页面输出    可输出多个变量的值，用逗号隔开

   alert(a);
   console.log(a,b,c);
   document.write(a,b,c);

2.5 变量的命名规范

1. 变量允许以字母(A-Z  a-z)、数字(0-9)、下划线(_)、$命名；

   eg：usrAge、num，_name是错误的

2. 变量名不能以数字开头；

   eg：18age是错误的

3. 变量名区分大小写；

   eg：var app;和var App;是两个变量

4. 变量名建议用下划线和驼峰命名法(小驼峰)；

   eg：驼峰命名法：myFirstName----首字母小写，后面单词的首字母需要大写

           下划线命名法：stu_name

5. 见名知意，尽量使用英文单词；
6. 不能使用关键字和保留字。

   eg：var、if、else、break是错误的

 3.变量的特殊情况

1. 声明变量，但没有赋值

   var a;
   console.log(a); //undefined

2. 没有声明变量，直接输出

   console.log(b); //报错 Uncaught ReferenceError:b is not defined

3. 没有写var来声明，直接对变量赋值，不报错，正常输出，但不建议

   c=20;
   console.log(c); //20

4. 先输出，后声明

   console.log(d); //undefined
   var d=100;
   
   //变量提升，赋值不会提升，解析顺序变成：
   //var d;
   //console.log(d);
   //d=100;

5. 先输出，后赋值

   console.log(e); //报错
   e=100;

 4.交换两个变量的值

• 思路：使用一个临时变量来做中间存储

  var a=1;
  var b=2;
  var temp;
  temp=a;
  a=b;
  b=temp;
  console.log(a,b); // 2  1

目录

二、变量

1.变量概述

1.1 什么是变量？

1.2 变量在内存中的存储

2.变量的使用 

2.1 声明变量

2.2 变量的赋值

2.3 修改变量的值

2.4 输出变量的值

2.5 变量的命名规范

 3.变量的特殊情况

 4.交换两个变量的值

 5.引号的使用——变量解析

---

引号类型	使用规则	回车换行是否报错	例子
单引号 '  '	引号+变量+引号	报错 解决方法：使用\n换行 document.write中使用<br>换行	console.log('姓名：'+username+'年龄：'+age+'性别：'+sex);
反引号 ` `	${变量}	不报错	console.log(`姓名：${username1} 年龄：${age1} 性别：${sex}`);