【前端学习笔记】02-变量总结

变量

概念

• 为什么需要变量：因为我们一些数据需要保存，所以需要变量
• 什么是变量：变量就是一个容器，用来存放数据的，方便后面使用容器中的数据
• 变量的本质：变量是内存中的一块空间，用来存储数据

变量的使用

我们使用变量的时候，一定要声明变量，然后赋值

声明变量

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

//1.声明变量
  		 var age;//声明一个名称为age的变量

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

变量的初始化

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

<script>
        //1.声明变量
        var age;//声明一个名称为age的变量
        //2.把值存入这个变量中
        age = 20;
        //输出结果
        console.log(age);
        //变量的初始化(声明一个变量并赋值)
        var myname = 'sevgilid';
    </script>

变量使用练习一

代码示例：

<script>
        var myname = 'sevgilid';
        var sex = '男';
        var age = 20;
        var address = '成都';
        console.log(myname,sex,age,address);
        
    </script>

代码效果：

变量使用练习二

1.弹出一个输入框，提升用户输入姓名
2.弹出一个对话框，弹出用户刚才输入的姓名

<script>
        var myname = prompt('请输入你的名字');
        alert(myname);
</script>

变量的语法扩展

1.更新变量

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

//更新变量：一个变量被重新赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准
var myname = ‘张三’;
var myname = ‘张大大’;
console.log(myname);//最后的结果显示为张大大就是因为原来的张三被覆盖掉了

2.声明多个变量

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

var sex = ‘男’, age = 18, address = ‘成都’;
console.log(sex,age,address);

3.声明的特殊情况

• 只声明不赋值，直接使用：undefined（未定义的）
• 不声明，直接赋值使用：可使用，但不推荐
• 既不声明，也不复制，直接使用：报错

//声明的特殊情况
//1.只声明，不赋值：undefined(未定义的)
var qq;
console.log(qq);
//2.不声明，直接赋值使用:在JS中可使用，但不推荐
bb = 100;
console.log(bb);//显示100
//3.不声明，不赋值直接使用：报错
console.log(aa);

打印结果：

变量命名规范

记忆点:

• 严格区分大小写
• 不能以数字开头!
• 中间不能有空白，可由下划线_和$连接
• 不能是关键字，保留字

交换两个变量的值

思路：定义一个临时变量，用来交换两个变量的值

代码：

 var fruit = '苹果';
        var fruit2 = '葡萄';
        //声明一个空的临时变量作为交换两种水果的篮子
        var box;
        //1.把苹果放入盒子；
        //2.葡萄给第一个装苹果的空篮子；
        //3.把盒子中的苹果放入开始装葡萄的空篮子
        box = fruit;
        fruit = fruit2;
        fruit2 = box;
        console.log(fruit,fruit2);