补：小白学js第二天

最新推荐文章于 2024-09-25 21:18:46 发布

小白学js

最新推荐文章于 2024-09-25 21:18:46 发布

阅读量106

点赞数

分类专栏：学习

本文链接：https://blog.csdn.net/weixin_44855251/article/details/89945278

版权

学习专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1 什么是变量

1.1 什么是变量

变量是计算机中存储数据的标识符，根据变量名可以获取存储在内存中的数据

1.2 为什么要使用变量

使变量可以更方便的对计算机内存中的数据进行获取和修改

2 变量的使用

2.1 javascript的书写位置（复习，具体见上篇blog）

行内
内嵌
外链

2.2 注释

2.2.1 html中的注释

<–！html的注释–>

<body>
	<!-- html中的注释 -->
</body>

2.2.1 javascript中的注释

// js的注释

    <script>
		//js 的注释
	</script>

2.3 变量的声明、赋值及输出

2.3.1 声明一个变量

var 变量名；

//声明一个变量
		var num1;

2.3.2 给已声明的变量赋值

变量名（已声明）= 值；

	    //声明一个变量
		var num1;
		//给声明过的变量赋值
		num1 = 1;

2.3.3 声明变量的同时给变量赋值

var 变量名 = 值；

	
		//声明的同时赋值
		var num1 = 1;

2.3.1 + 2.3.2 = 2.3.3

2.3.4 声明多个变量

2.3.4.1 变量一个一个声明

var 变量名1；var 变量名2；var 变量名3；…

// 声明多个变量
		// 一个个分开声明
		var num1;
		var num2;
		var num3;

2.3.4.2 同时声明多个变量

var 变量名1，变量名2，变量名3；…

    // 同时声明多个变量
		var num1, num2, num3;

2.3.5 声明多个变量并且同时给它赋值

var 变量名1= 值1，变量名2= 值2，变量名3= 值3, …；

       // 同时声明多个变量并且给它们赋值
		var num1 = 1, num2 = 2, num3 = 3;

2.3.6 输出变量的值

2.3.6.1 alert

alert（变量名）；
在在网页顶部弹出

        var num1;
		//给声明过的变量赋值
		num1 = 1;
		//输出变量num1的值
		alert(num1);

2.3.6.2 console.log（推荐使用）

console.log（变量名）；
在控制台输出（跳转到浏览器的页面后，按F12，找到console）

        //声明一个变量
		var num1;
		//给声明过的变量赋值
		num1 = 1;
		//输出变量num1的值
		console.log(num1);

2.3.7 输出多个变量

2.3.7.1 一个一个输出

console.log(变量名1)； console.log(变量名2)； console.log(变量名3)；

      // 同时声明多个变量并且给它们赋值
		var num1 = 1, num2 = 2, num3 = 3;
		//一个个分开输出
		console.log(num1);
		console.log(num2);
		console.log(num3);

2.3.7.1 同时输出

console.log(变量名1，变量名2，变量名3， …)；

// 同时声明多个变量并且给它们赋值
		var num1 = 1, num2 = 2, num3 = 3;
		//同时输出
		console.log(num1, num2, num3);

3 变量的命名规则和规范

3.1 规则

必须准守，不遵守否则会报错

由数字、字母、下划线（_）和$组成，且不能以数字开头
不能是关键字或者保留字，例如 while、for、var等
区分大小写，例如：username 和 userName是完全不一样的两个变量

3.2 规范

推荐准守，不遵守也不会报错

变量名最好起的有意义（最好做到见名知意），如声明一个年龄变量时，使用age做变量名
使用驼峰命名法。第一个单词的的首字母小写，接下来的每个单词的首字母都大写，例如 userName，userPassword

4 案例

4.1 交换两个变量的值

4.1.1 使用临时变量的方法

// 使用临时变量交换两个变量的值
		var num1 = 1;   //声明一个变量 num1 并赋值为1
		var num2 = 2;	//声明一个变量 num2 并赋值为2
		var tmpt;		//声明一个临时变量为tmpt
		tmpt = num1;	//把num1的值赋给tmpt，这时 tmpt = 1； 
		num1 = num2;	//把num2的值赋给num1，这时 num1 = 2； 
		num2 = tmpt;	//把tmpt的值赋给num2，这时 num2 = 1；
		console.log(num1, num2);

4.2.2 不使用临时变量的方法

// 不使用临时变量交换两个变量的值
		var num1 = 1;   //声明一个变量 num1 并赋值为1
		var num2 = 2;	//声明一个变量 num2 并赋值为2
		num1 = num1 + num2; //num1 = 1 + 2 ,所以这时 num1 = 3；
		num2 = num1 - num2;	//由上行代码可知，此时num1的值为3，所以num2 = 3 - 2 ,所以这时 num2 = 1；
		num1 = num1 - num2; //由上行代码可知，此时num1的值不变还是3 且num2的值变为1，所以num1 = 3 - 1 ,所以这时 num1 = 2；
		console.log(num1, num2);//输出结果
		//使用这种方法的原因是数值可计算