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