详解js中的变量

r囧r小猫 2022-12-02 13:53 140阅读 0赞

## **什么是变量** ##

变量：可以变化的量称作变量。

常量：不可以改变的量称作常量。

## **为什么要有变量** ##

程序：代码的集合，一般指的是文件，**静态**的。

进程：程序的一次执行过程，**动态**的。

程序执行过程其实就是：**输入**数据、**运算**数据和输出数据的过程。

数据需要**存储**，那么就需要容器，变量扮演的就是**容器**的角色。

**变量的本质归根结底就是一块内存**（计算机的三大存储部件）

## **变量的定义** ##

先定义再赋值

定义的同时初始化

不带var定义变量

同时定义多个变量

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:426.1pt;"> <pre style="margin-left:0cm;">//1、先定义后赋值 var a;//定义了一个变量，取名字叫a a = 100;//然后把100这个数据 存储到a这个变量当中 a = 200;//变量内部的东西是随时可以改变的； console.log(a);//打印a内部的数据， //2、初始化一个变量 var b = 100;//完全等价于&nbsp; var b; b = 100; console.log(b);

b = 300;

//3、特殊情况特殊对待 c;//这样是错误的，它是在取c的值，而c没定义； c = 500;//也是可以定义一个变量，但是它和带var定义的变量有区别，区别，后面说。现在你可以认为差不多； console.log(c);

//4、一次定义多个变量； var d = 20,e = 30;//var d = 20;var e = 30;是完全等价的； var d = e = 30; //如果两个值相等，可以这么定义变量，但是后面的e是没有带var的 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // var d = 30; e = 30;</pre> &nbsp; </td> 
 </tr> 
 </tbody> 
</table>

## 变量的命名规范 ##

**标识符**规则

数字、字母、下划线及$组成

不能以数字开头

不能和关键字及保留字同名

中英文**大小写严格**区分

变量名字要**见名思意**

变量名命名方法（大驼峰、**小驼峰**、下划线）

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:426.1pt;"> <pre style="margin-left:0cm;">var a = 100;

var a1 = 200;

var 2a;//错误的，不能数字开头&nbsp;&nbsp; 报错 语法错误； //语义化，存年龄 var age = 30;

//小驼峰是我们主打的写法 var PersonName;//大驼峰 var personName;//小驼峰 var person_name;//下划线</pre> &nbsp; </td> 
 </tr> 
 </tbody> 
</table>

## 变量在内存当中的展现 ##

两种方式交换两个变量的值

var b = 20;

a = 20;//修改a的值为20 b = 10;//修改b的值为10 console.log(a,b);

//上面的它不是交换；
 //1、借用第三方变量实现两个变量值得交换 var c;

c = a;// = 出现 代表要把=右侧的值，赋值给 =左侧的变量， =左侧一定是变量，右侧只要有值就行 console.log(a);//a内部的值还是存在的 a = b;

b = c;

console.log(a,b);</pre> <pre style="margin-left:0cm;">
 //2、不借助第三方变量实现交换（求和）； a = a + b;//a = 30 b = a - b;// 30 - 20 = 10&nbsp; b = 10 a = a - b;// 30 - 10 = 20&nbsp; a = 20; console.log(a,b);</pre> </td> 
 </tr> 
 </tbody> 
</table>