JavaScript基础(二)(变量）

最新推荐文章于 2024-05-22 13:52:22 发布

bear*6

最新推荐文章于 2024-05-22 13:52:22 发布

阅读量126

点赞数 4

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_48375854/article/details/121015864

版权

JavaScript 专栏收录该内容

50 篇文章 16 订阅

订阅专栏

变量

一、变量概述
- 1、什么是变量
- 2、变量在内存中的存储
二、变量的使用
三、变量语法扩展
四、变量命名规范
五、交换变量案例

一、变量概述

1、什么是变量

变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。

2、变量在内存中的存储

本质：变量是程序在内存中申请的一块用来存放数据的空间。就像是一栋楼的一个宿舍就可以看做一个变量。
在这里插入图片描述

二、变量的使用

变量在使用时分为两步： 1. 声明变量 2. 赋值

1、声明变量

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

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

2、赋值

age = 10; // 给 age  这个变量赋值为 10

= 用来把右边的值赋给左边的变量空间中此处代表赋值的意思
变量值是保存到变量空间里的值

3、变量的初始化

var age  = 18;  // 声明变量同时赋值为 18

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

三、变量语法扩展

1、更新变量

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

var name = 'xl';

age = 'wh';   // 最后的结果就是wh因为xl被覆盖掉了

2、同时声明多个变量

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

var age = 18,  name = 'xl', sex = 2;

3、声明变量特殊情况

1、只声明不赋值

<script>
     var age;
     console.log(age)
  </script>

则输出结果为：
在这里插入图片描述
2、不声明，只赋值

<script>
     age=10;
      console.log(age)
  </script>

会打印输出结果。
在这里插入图片描述
3、不声明、不赋值、直接使用

<script>
      console.log(age)
</script>

会直接报错。
在这里插入图片描述

四、变量命名规范

由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：usrAge, num01, _name
严格区分大小写。var app; 和 var App; 是两个变量
不能以数字开头。 18age 是错误的
不能是关键字、保留字。例如：var、for、while
变量名必须有意义。 MMD BBD nl → age
遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。例如：myFirstName

五、交换变量案例

例如有A、B两个变量分别存储青苹果和红苹果，现在要求使用一个临时变量使A中存放红苹果，B中存放青苹果。
实现代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var a = '红苹果';
        var b = '青苹果';
        console.log("交换前a是："+a+",交换前b是："+b);
        var temp;//定义一个临时变量
        temp = a;
        a = b;
        b = temp;
        console.log("交换后a是："+a+",交换后b是："+b);
    </script>
</body>
</html>

打印的结果为：
在这里插入图片描述

bear*6

关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础(二)(变量）

变量一、变量概述1、什么是变量2、变量在内存中的存储二、变量的使用1、声明变量2、赋值3、变量的初始化三、变量语法扩展1、更新变量2、同时声明多个变量3、声明变量特殊情况四、变量命名规范五、交换变量案例一、变量概述1、什么是变量变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。2、变量在内存中的存储本质：变量是程序在内存中申请的一块用来存放数据的空间。就像是一栋楼的一个宿舍就可以看做一个变量。二、变量的使用变量在使用时分为两步： 1. 声明变量 2. 赋值1
复制链接

扫一扫