新人学习笔记之（变量）

最新推荐文章于 2024-09-14 21:53:48 发布

清袖*

最新推荐文章于 2024-09-14 21:53:48 发布

阅读量1k

点赞数 12

分类专栏： JavaScript 文章标签：学习笔记 javascript

本文链接：https://blog.csdn.net/2401_83311390/article/details/139159650

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

一、变量概述

1.什么是变量

（1）白话：变量就是一个装东西的盒子

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

2.变量在内存中的储存

（1）本质：变量是程序在内存中申请的一块用来存放数据的空间，类似我们酒店的房间，一个房间就可以看作一个变量

二、变量的使用

1.变量在使用中分为两步：第一步声明变量第二部赋值

（1）声明变量

1）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 声明了一个age的变量
       var age;
    </script>
</head>
<body>
    
</body>
</html>

2）var 是一个关键字，用来声明变量（variable变量的意思）。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管理

3）age 是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间

（2）赋值

1）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
       // 赋值 给age这个变量赋值为16
       age = 16;
    </script>
</head>
<body>
    
</body>
</html>

2）=用来把右边的值赋给左边的变量空间中此处代表赋值的意思

3）变量值是程序员保存到变量空间里的值

2.变量的初始化

（1）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
       // 变量的初始化 声明变量同时赋值为18
       var age = 18;
    </script>
</head>
<body>
    
</body>
</html>

（2）声明一个变量并赋值，我们称之为变量初始化

三、变量语法扩展

1.更新变量

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 更新变量
        var myname = 'ljh';
        myname = 'hsl';
    </script>
</head>
<body>
    
</body>
</html>

2.同时声明多个变量

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 声明多个变量
        var age = 16 ,
            address = '山西' ,
            xx = 120;
    </script>
</head>
<body>
    
</body>
</html>

3.声明变量特殊情况

情况	说明	结果
var age ; console.log (age);	只声明不赋值	undefined
console.log(age)	不声明不赋值直接使用	报错
age =10; console.log (age);	不声明只赋值	10

四、变量命名规范

1.由字母(A-Za-z)、数字(0-9)、下划线( )、美元符号($)组成，如:usrAge,num01，name

2.严格区分大小写。varapp;和 var App;是两个变量

3.不能以数字开头。 18age 是错误的

4.不能是关键字、保留字。例如:var、for、while

5.变量名必须有意义。MMD BBD nl -> age

6.遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。myFirstName

五、交换变量案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // JS 是编程语言有很强的逻辑性在里面： 实现这个要求的思路  先怎么做后怎么做
        // 我们需要一个临时变量来做
        // 把apple1 给我们的临时变量  temp
        // 把apple2 里面的红苹果给 apple1
        // 把临时变量里面的值给 apple2
        var temp;
        var apple1 = '青苹果';
        var apple2 = '红苹果';
        temp = apple1; // 把右边的给左边
        apple1 = apple2;
        apple2 = temp;
        console.log(apple1)
        console.log(apple2)
    </script>
</head>
<body>
    
</body>
</html>