【JavaScript】基本语法大全

前言：

大家好，我是程序猿爱打拳。在学习C和Java这样的后端编程语言后，我们大概率会学习一些关于前端的语言如HTMLJavaScript。又因为前后端基本语法有些许不同，因此我整理出来。今天给大家讲解的是JS中的数据类型、运算符、选择结构、循环结构。

---

目录

1.变量与常量

1.1什么是变量？

1.2变量的命名规范

1.3什么是常量?

2.数据类型

2.1常用基本数据类型

2.1.1布尔型

2.1.2数字型

2.1.3字符串型

2.1.4空型

2.1.5未定义型

2.2数据类型检测 

3.运算符

3.1算术运算符

3.2字符串运算符

3.3赋值运算符

3.4比较运算符

3.5逻辑运算符

3.6三元运算符

3.9练习-计算圆的的周长和面积

4. 流程控制

4.1选择结构

4.2循环结构

4.3跳转语句

---

1.变量与常量

1.1什么是变量？

变量相信大家在C语言或Java阶段已经了解到了是什么意思，变量就是可以发生改变的量。如在一个旅馆里今天我可以住房间1，明天我也可以住房间2，这是可以发生改变的。此时，房间1和房间2就是变量值，而我就是变量名。

---

1.2变量的命名规范

• 不能以数字开头，且变量名中不得含有运算符，如8a、8-a、8+a。
• 大小写敏感，如it不等于IT。
• 不能使用JS中的关键字，如var。

为了，提高变量名的可读性，我们一般使用容易让人识别的名字来命名。如一个数字我们可以用num来命名，一个价格我们用price来命名。当多个单词聚集时，我们使用驼峰式命名规范，如numPrice，也就是第一单词首字母小写，第二个单词及以后每个单词首字母大写。

//以下为合法变量名
num
price
$firstPrice
//以下为不合法变量名
66num
6-price
var
&num

---

在JavaScript中，无论什么类型的变量我们都用var修饰。并不像C语言、Java那样有专门的数据类型标识，一个var修饰所有。如以下几组：

		<script >
			var num=20;
			var ch1='A';
			var ch2='帅';
			var str='ABC';
			var flag1=true;
			var flag2=false;
			console.log(num,ch1,ch2,str,flag1,flag2);
		</script>

控制台显示:

---

1.3什么是常量?

常量在我们编程语言中，我们认为是无法改变的量。例如生活中，父亲永远是你的父亲，这是无法改变的事实。在Javascript中，常量我们用const关键字来修饰。

如我要定义一个常量并且修改这个常量：

		<script >
			const num=10;
			num=20;
			console.log(num);
		</script>

控制台显示：

我们可以看到控制台显示错误，说明被const定义的值是不可修改的，这就是常量的定义方式。 

---

2.数据类型

通过上方的学习，我们知道了。JavaScript中所有的类型都是用var这个关键字来修饰。但是，实际中JavaScript中也是有类型区分的。如下表所示：

---

2.1常用基本数据类型

2.1.1布尔型

在生活中表示一件事物有两种情况，第一种真第二种假。在JS中布尔型对应的就是true和false，主要用于逻辑判断。以下为两种情况演示：

		<script >
			var flag1=true;
			var flag2=false;
			console.log(flag1,flag2);
		</script>

控制台显示：

上述代码，将flag1初始化为true，flag2初始化为false。

---

2.1.2数字型

数字型又分为整型和浮点型，在JavaScript中表示数字的形式是和C、Java中一致的。在数字的前面加上'+'号或者不加代表这个数为正数，在数字的前面加上'-'号则代表这个数为负数。

(1)整型

使用整型时候，我们可以表示出八进制、十进制、十六进制:
 

		<script >
			var num1=20;//十进制20
			var num2=016;//八进制16
			var num3=0x32;//十六进制32
			console.log(num1,num2,num3);
		</script>

控制台显示:

上述程序，分别把十进制20赋值给num1，八进制16赋值给num2，十六进制赋值给num3。在此注意的是:

• 十进制不用加任何符号。
• 八进制前面加0(零)。
• 十六进制前面加0x(零x)。

---

(2)浮点型

浮点型也就是小数，我们可以正常定义小数也可以使用科学计数法的格式来表示:

		<script >
			//正常定义
			var fnum1=3.14;
			var fnum2=-3.14;
			//科学计数法
			var fnum3=3.14E6;
			var fnum4=4.16E-4;
			console.log(fnum1,fnum2,fnum3,fnum4);
		</script>

控制台显示:

上述程序，分别用正常定义法和科学计数法定义一些浮点数，相信大家不难理解。

当然我们使用数字型时候，这些数据的范围是多少呢？JS中有专门求整型范围的：

		<script >
			console.log(Number.MIN_VALUE);//最小值
			console.log(Number.MAX_VALUE);//最大值
		</script>

控制台显示: