web学习笔记（十）

1.变量

1.1变量的定义

变量就是可以变化的量，可以通过一些符号表示一些数据，这个符号就是变量（初始化 再次修改的量）（就是一个装东西的盒子，用来存放数据的）。

1.2声明变量

（1） 先声明，后赋值 eg: var 变量名; 变量名=值;

var age;  //var是一个关键字，用来声明变量，
            使用该关键字声明变量后计算机会自动为变量分配 内存空间，不需要程序员管。
            age是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间。
age = 18; //把18赋值给age
        // =用来把右边的值赋给左边的变量空间中 此处代表的是赋值的意思
        //变量值是程序员保存到变量空间里的值。

（2） 声明的同时赋值(变量初始化) eg: var 变量名=值；

声明变量有三种关键词，var、let和const，推荐使用let下面将会详细介绍三者的区别。

• var 可以重复声明变量，有变量提升，有函数作用域（出了函数作用域就不起效了），没有块级作用域{}。
• let 语法比较严谨，推荐使用，声明变量不可以重名，没有变量提升，必须先声明再使用，有块级作用域{}。
• const 声明常量 必须要初始化，声明变量不可以重名，没有变量提升，有块级作用域{}，无法修改，可以用于声明一些对象（数组，函数，对象）
• const a2 = 300; a2 = 400; //a2的值并没有被覆盖，会显示报错，const无法修改 const all=[1,2,3,4,5,6,78,8];//定义了一个数组，const不可以重新修改数组的值， 只能修改数组中某个值 all[3]=8; console.log(all);//all数组中序列号为3的数据被修改，修改后的值为8

1.3输出变量的值

三个输出语句都可以使用，但是alert不可以一次性输出多个变量的值。

• alert(name,age); 不可以这样写，页面只会显示第一个变量的值，第二个变量的值不显示。alert一次只能输出一个变量的值。
• console.log(age,name);可以同时输出多个变量的值，变量名与变量名之间用逗号隔开。
• document.write(name,age); 可以同时输出多个变量的值，变量名与变量名之间用逗号隔开。

1.4修改变量的值（重新赋值）

• 格式：变量名=新值;
• 修改会被覆盖，多次赋值的话以最后一次的值为准。
• eg: userName = '王'; console.log(age, userName);

1.5多变量的声明与操作

（1） 先声明，后赋值 eg: var a,b,c; a=10,b=20,c=30; （变量之间逗号隔开，分号结束）

（2） 声明的同时赋值(变量初始化) eg: var a=20,b=30,c=50;

1.6特殊问题

1. 声明变量未赋值 undefined eg: var a1; console.log(a1);
2. 未声明，直接赋值（不会报错，但不推荐） eg: b1=3; console.log(b1);
3. 未声明，未赋值（将会直接报错） eg: console.log(c1);
4. 先输出，再声明赋值（浏览器看见var关键字会自动解析，将声明语句提升，但赋值语句不会提升） eg: console.log(d1); var d1=100;
5. 先输出，未声明，再赋值（会报错，浏览器会将声明语句提前，但并不会将赋值语句提前） eg: console.log(e1); e1=100;

1.7变量的命名规范

• 可以包含数字 字母 _ $
• 不能以数字开头
• 区分大小写
• 推荐用驼峰命名法，或者下划线命名法 eg:stuName StuName
• 见名知意
• 不能使用关键字和保留字（不需要全记住）

1.8补充

• • 可以拼接字符串 var a1 = 15, b1 = 25, c1 = 35; console.log('a1 ' + a1, 'b1 ' + b1, 'c1 ' + c1);
• console.log(a=${a}); //比较常用，反引号原样输出，${}解析变量。
• javascript 的保留关键字 (了解，但不需要记忆)