黑马pink JavaScript笔记（3）-变量（自用）

最新推荐文章于 2024-05-15 20:43:52 发布

落日东风

最新推荐文章于 2024-05-15 20:43:52 发布

阅读量241

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/NINE_TIAN/article/details/124903649

版权

1.变量概述

什么是变量呢？

变量就是一个用来存放数据的容器

简而言之，就是一个装东西的盒子

我们可以通过变量名获取数据，甚至数据可以修改。

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

就类似于我们酒店的房间，一个房间就可以看做是一个变量。

2.变量的使用

变量在使用时可以分为两步：第一步声明变量、第二步赋值

（1）声明变量

var是JS 关键字，用来声明变量。

使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管

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

（2）赋值

使用 = 将右边的值赋给左边的变量空间中

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

（3）变量初始化

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

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

	<script>
        // 变量的使用：
        // 1.声明变量  声明了一个age 的变量
        var age; //age 为变量名
        //2.赋值 把值存入这个变量中
        age = 20;
        // 3.在控制台输出结果
        console.log(age);
        // 4.变量的初始化 （常用）
        // 声明一个变量并赋值，称之为变量的初始化
        var onename = '血灵';//尽量不用name作为变量名，因为name在一些浏览器中是有关键字
        console.log(onename);

案例：

案例一：

有个叫卡卡西的人在旅店登记的时候前台让他填一张表，这张表里的内容要存到电脑上，表中的内容有：姓名、年龄、邮箱、家庭住址和工资，存储之后需要把这些信息显示出来，所显示的内容如下：

我叫旗木卡卡西，我住在火影村，我今年30岁了，我的邮箱是 kakaxi@itcast.cn，我的工资2000

<script>
	var userName = '旗木卡卡西';
    var age = 30;
    var email = 'kakaxi@itcast.cn';
    var address = '火影村';
    var money = 2000;
    console.log('我叫'+userName + '，我住在' + address + '，我今年' + age + '岁了，我的邮箱是 ' + email + '，我的工资' + money);
</script>

案例二：

弹出一个输入框，提示用户输入姓名。

之后，弹出一个对话框，输出用户刚才输入的姓名。

<script>
	var userName = prompt('请输入您的姓名');
    alert(userName);
</script>

3.变量的语法拓展

（1）更新变量

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

var age = 18;
age = 81; // 最后的结果就是81因为18 被覆盖掉了

（2）同时声明多个变量

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

var age = 10, name = 'zs', sex = 2;
var oneName = '白夜',
    address = '地球',
      		age = 500;

（3）声明变量特殊情况

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

 		// 1只声明不赋值 输出undefined 因为程序也不知道里面存的是啥  未定义的
        var sex;
        console.log(sex);
        // 2不声明 不赋值 直接使用会报错
        // console.log(tel);  //需注释掉，否则下行无法执行，因为js是逐行解释，解释一句，执行一句....
        // 3不声明 直接赋值使用
        //不提倡如此使用
        qq = 123232;
        console.log(qq);

4.变量命名规范

由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成

如：usrAge, num01, _name
严格区分大小写

var app; 和 var App; 是两个变量
不能以数字开头

18age 是错误的
不能是关键字、保留字

例如：var、for、while
变量名必须有意义，做到见其名，知其意

MMD 、BBD、 nl → age
遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。 myFirstName

5.交换变量案例

要求：交换两个变量的值 ( 实现思路：使用一个临时变量用来做中间存储 )

		// js 是编程语言 有很强的逻辑性在里面：
        // 实现这个要求的思路 要先怎么做(写出大致表述)后怎么做（按大致表述写代码）
        // 1.需要一个临时变量 temp
        // 2.把apple1 给临时变量temp
        // 3.再把apple2里面的苹果 给apple1
        // 4.最后把临时变量里的值给 apple2
        var temp;//声明了一个变量为空
        var apple1 = '青苹果';
        var apple2 = '红苹果';
        temp = apple1;//把右边给左边
        apple1 = apple2;
        apple2= temp;
        console.log(apple1);
        console.log(apple2);

6.标识符、关键字、保留字

（1）标识符

标识(zhi)符：就是指开发人员为变量、属性、函数、参数取的名字。

标识符不能是关键字或保留字。

（2）关键字

关键字：是指 JS本身已经使用了的字，不能再用它们充当变量名、方法名。

包括：break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with 等。

（3）保留字

保留字：实际上就是预留的“关键字”，意思是现在虽然还不是关键字，但是未来可能会成为关键字，同样不能使用它们当变量名或方法名。

包括：boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile 等。

注意：如果将保留字用作变量名或函数名，那么除非将来的浏览器实现了该保留字，否则很可能收不到任何错误消息。当浏览器将其实现后，该单词将被看做关键字，如此将出现关键字错误。