【Web】JavaScript（No.36）变量

最新推荐文章于 2025-03-12 14:38:40 发布

Sherry Lupus

最新推荐文章于 2025-03-12 14:38:40 发布

阅读量124

点赞数

分类专栏： Web-JavaScript 文章标签： Web JavaScript

本文链接：https://blog.youkuaiyun.com/qq_43251850/article/details/94599785

版权

Web-JavaScript 专栏收录该内容

21 篇文章

订阅专栏

什么是变量

在这里插入图片描述
需要素材点击图片联系我或私信、评论

什么是变量

变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据
为什么要使用变量

使用变量可以方便的获取或者修改内存中的数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量</title>
</head>
<body>
  <script>
    /* ctr+shift+？：注释多行 */
    // 两个斜线：注释单行

    /*
    * 变量：计算机内存中储存数据的标识符，操作的数据都是在内存中操作；
    * 作用：用来储存和操作数据的；
    * 使用变量储存数据的方式：var 变量名=存储的数据；
    * js中声明变量都是用var；
    *   例如：
    *   存储一个数字10：var=10；
    *   存储一个名字：var user="小明"；
    *
    * 变量声明->有var，有变量名字，但是没有值；
    * */

    var num;//变量的声明，此时没有赋值；
    var a,b,c,d;//一次声明多个变量，都没有赋值；

    /*
    * 变量初始化（变量声明的同时并且赋值了）= 代表赋值的含义；
    *   例如：
    *   存储一个数字：var num=10;
    *   存储一个名字：var user="小明";
    *   存储布尔值（true/false）：var flag=true;
    *   存储一个对象1：var obj=new Object();
    * */

    /*
    * alert(num);//弹框：会阻塞进程，不好
    * alert(flag);*/
    console.log(user);//把内容输出在浏览器的控制台中；
    console.log(obj);

    //声明变量并赋值
    var number=100;
    //重新赋值
    number=number+50;
  </script>
</body>
</html>

如何使用变量

var声明变量

var age;

变量的赋值

var age;
age = 18;

同时声明多个变量

var age, name, sex;
age = 10;
name = 'zs';

同时声明多个变量并赋值

var age = 10, name = 'zs';

变量在内存中的存储

var age = 18;

变量的命名规则和规范

规则：必须遵守的，不遵守会报错
由字母、数字、下划线、$符号组成，不能以数字开头
不能是关键字和保留字，例如：for、while。
区分大小写
规范 - 建议遵守的，不遵守不会报错
- 变量名必须有意义
- 遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。例如：userName、userPassword

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量的注意事项</title>
</head>
<body>
<script>
    /*
    * 变量声明：没有赋值
    * var 变量名；
    * 变量的初始化：有赋值
    * var 变量名=值；
    *
    * 基本代码的规范：
    * ①每一行js结束都应该有分号；
    * ②js中区分大小写：var n = 10;  var N = 100;
    * ③js中的字符串可以使用单引号1，也可以使用双引号。
    *
    * 变量名的规范：
    * ①变量名的规范要有意义；
    * ②一般是字母，$符号，下划线开头，中间或者是后面可以有字母、数字、$、下划线；
    * ③首字母一般小写，要遵循驼峰命名法：如果变量名是多个单词，第一个单词的首字母是小写，后面所有单词的首字母是大写：var bigNumber、var xuanZhuanMuMa；
    * ④不能使用关键字和保留名，例如var、name、for、while、let、coust、new.
    * */

    //声明多个变量，一个一个赋值
    var num1, num2, num3;
    num1 = 10;
    num2 = 100;
    num3 = 1000;

    //声明多个变量同时赋值
    var num1 = 5, num2 = 10, num3 = 15;
    console.log(num1, num2, num3);
</script>
</body>
</html>

案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>案例-变量的交换</title>
</head>
<body>
<script>
    /*//变量的交换的第一个思路：使用第三方变量来进行交换。
    var num1 = 10;
    var num2 = 20;

    //定义一个变量
    var temp;
    //把num1变量存储的值放在temp中
    temp = num1;//10
    //把num2变量存储的值放在num1中
    num1 = num2;//20

    num2 = temp;//10
    console.log(num1, num2);*/

    //变量交换的第二个思路：用于计算
    var num1 = 10;
    var num2 = 20;

    //把num1和num2相加=30，重新赋值给num1
    num1 = num1 + num2;//30
    num2 = num1 - num2;//10
    num1 = num1 - num2;//20
    console.log(num1, num2);
</script>
</body>
</html>