JavaScript 变量

最新推荐文章于 2022-08-25 12:16:38 发布

少年张狂

最新推荐文章于 2022-08-25 12:16:38 发布

阅读量165

点赞数

本文链接：https://blog.csdn.net/weixin_41909678/article/details/118577769

版权

目标

能够说出变量的主要作用
能够写出变量的初始化
能够说出变量的命名规范
能够画出变量是如何在内存中存储的
能够写出交换变量案例

变量概述

什么是变量

变量：变量是用于存放数据的容器，也可以理解为装东西的盒子

通过变量名获取数据，甚至修改数据

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

变量的使用

变量在使用时分为两步：

声明变量
赋值

声明变量

// 声明变量
var age;

注意

var 是一个 JS 关键字，用来声明变量（variable 变量）
使用该关键字声明变量后，计算机将自动为变量分配内存空间，不需要程序员再执行任何操作
age 是程序员定义的变量名，我们可以通过变量名来访问内存中分配的空间

赋值

// 赋值，把值存入声明的变量中
age = 10;

注意

" = " 用来把右边的值赋给左边的变量空间中
变量值是程序员保存到变量空间里的值

总结

    <script>
        // 声明一个age变量
        var age;
        // 赋值，把值存入声明的变量中
        age = 10;
        // 控制台输出
        console.log(age);
    </script>

变量的初始化

// 变量的初始化
// 声明变量并赋值
var myname = '胡不归';
console.log(myname);

变量初始化：声明一个变量并赋值

案例1 变量的使用

    <script>
        var myname = '胡不归';
        var address = '浣熊市';
        var age = 30;
        var email = 'hubugui@163.com';
        var money = 8888;
        console.log(myname);
        console.log(address);
        console.log(age);
        console.log(email);
        console.log(money);
    </script>

    <script>
        var myname = '胡不归';
        var address = '浣熊市';
        var age = 30;
        var email = 'hubugui@163.com';
        var money = 8888;
        console.log(myname, address, age, email, money);
    </script>

案例2 弹出用户名

    <script>
        // 用户输入姓名，存储到 myname 的变量中
        var myname = prompt('请输入用户名');
        // 弹出对话框
        alert(myname);
    </script>

变量语法扩展

更新变量

一个变量被重新赋值后，它先前的值将被覆盖，变量值将以最后一次赋的值为准

    <script>
        var myname = '胡不归';
        var myname = '宦游人';
        console.log(myname);
    </script>

同时声明多个变量

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

    <script>
        var myname = '胡不归',
            address = '浣熊市',
            age = 20,
            email = 'hubugui@163.com',
            money = 8888;
        console.log(myname, address, age, email, money);
    </script>

声明变量的特殊情况

情况	说明	结果
var: age; console.log(age);	只声明，不赋值	undefined（未定义的）
console.log(age);	不声明，不赋值，直接使用	报错
age = 10; console.log(age);	不声明，只赋值	10

情况

说明

结果

var: age;

console.log(age);

只声明，不赋值

undefined（未定义的）

console.log(age);

不声明，不赋值，直接使用

报错

age = 10;

console.log(age);

不声明，只赋值

第三种虽然能正常输出，但规范原因，并不建议使用

变量命名规范

命名规范

由字母、数字、下划线、$ 组成。如：userAge，num01，_name，$age，the_world
严格区分大小写 var app; 和 var App; 是两个变量
不能以数字开头
不能是关键字、保留字。如：var、for、while
有些浏览器中 name 有特殊的含义，尽量不要使用 name 作为变量名
变量名必须有意义
遵守驼峰命名法。首字母小写，后面单词的首字母要大写。如 myFirstName
推荐翻译网站：有道爱词霸

交换变量案例

交换两个变量的值

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

    <script>
        var temp;
        var age1 = 10;
        var age2 = 20;
        console.log(age1, age2);
        temp = age1;
        age1 = age2;
        age2 = temp;
        console.log(age1, age2);
    </script>