1、运算符的优先级
就和数学中一样,在JS中运算符也有优先级,比如:先乘除后加减
在]S中有一个运算符优先级的表,在表中越靠上优先级越高,优先级越高越优先计算,如果优先级一样,则从左往右计算。
但是这个表我们并不需要记忆,如果遇到优先级不清楚,可用()改变优先级
2、语句
我们的程序是由一条一条语句构成的
语句是按照自上向下的顺序一条一条执行的在S中可以使用{导来为语句进行分组,同一个{(中的语句我们称为是一组语句,它们要么都执行,要么都不执行。
一个(}中的语句我们也称为叫一个代码块在代码块的后边就不用再编写 ; 了
JS中的代码块,只具有分组的的作用,没有其他的用途
代码块内容的内容,在外部是完全可见的
3、if语句
- 流程控制语句
- JS中的程序是从上到下一行一行执行的
- 通过流程控制语句可以控制程序执行流程,使程序可以根据一定的条件来选择执行
- 语句的分类:
- 1.条件判断语句
- 2.条件分支语句
- 3.循环语句
条件判断语句:
使用条件判断语句可以在执行某个语句之前进行判断,如果条件成立才会执行语句,条件不成立则语句不执行。
- if语句
-
语法一:
if(条件表达式)
语句- if语句在执行时,会先对条件表达式进行求值判断,如果条件表达式的值为true,则执行if后的语句,如果条件表达式的值为false,则不会执行if后的语句。
- if语句只能控制紧随其后的语句
- 如果希望能控制多条语句,则可以放到代码块中
- if语句后的代码不块是必须的,但是再开发者尽量写上
-
语法二
if(表达式)
{
语句
}
else{
语句
}- if…else…语句
当该语句执行时,会先对if后的条件表达式进行求值判断,如果该值为true,则执行if后的语句,如果该值为false,则执行else后的语句
- if…else…语句
-
语法三
if(表达式)
{
语句
}
else if{
语句
}
else{ }- if…else if…else
当该语句执行时,会从上到下依次对条件表达式进行求值判断如果值为true,则执行当前语句。
如果值为false,则继续向下判断。
如采所有的条件都不满足,则执行最后一个else后的语句
该语句中,只会有一个代码块被执行,一旦代码块执行了,则直接结束语句
- if…else if…else
-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a = 10;
if(a > 1)
{
alert('我比1大哦');
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a = prompt('请输入一个数');
if(a > 1)
{
alert('我比1大哦');
}
else{
alert('我比1小嗷');
}
</script>
</body>
</html>
条件分支语句
switch. …case…语句
在执行时会依次将case后的表达式的值和switch后的条件表达式的值进行全等比较
- 如果比较结果为true,则从当前case处开始执行代码、
且从当前开始的代码都会被执行,可以加 break 确保不会执行其他的 - 如果比较结果为false,则继续向下比较
- 如乐所有的比较结果都为false,则只执行default后的语句
switch语句和if语句的功能实际上有重复的,使用switch可以实现if的功能,同样使用if也可以实现switch的功能,所以我们使用时,可以根据自己的习惯选择。
4、循环语句
while循环
- 语法:
while(条件表达式){
语句
} - while语句在执行时,先对条件表达式进行求值判断,如果值为true,则执行循环体,循环体执行完毕以后,继续对表达式进行判断,直至false后终止循环
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a = prompt('请输入一个正数');
while (a <= 0) {
var a = prompt('请输入一个数');
};
alert('您输入的是'+a);
</script>
</body>
</html>
do…while循环
- 语法:
do{
语句
}while(表达式) - do. . .while语句在执行时,会先执行循环体,循环体执行完毕以后,在对while后的条件表达式进行判断
- 如果结果为true,则继续执行循环体,执行完毕继续判断以此类推如果结果为false,则终止循环
- do. . .while可以保证循环体至少执行一次,而while不能
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
do {
var a = prompt('请输入一个正数');
} while (a <= 0);
alert('你输入的是'+a);
</script>
</body>
</html>
for循环
在for循环中,为我们提供了专门的位置用来放三个表达式:
1.初始化表达式
2.条件表达式
3.更新表达式
-
for循环的语法:
for(①初始化表达式;②条件表达式;④更新表达式)
{
③语句
} -
for语环的执行流程:
- ①执行初始化表达式,初始化变量
- ②执行条件表达式,判断是否执行循环。如果为true,则执行循环③,如果为false,终止循环
- ④执行更新表达式,更新表达式执行完毕继续执行②
5、continue和break
- break
- break关键字可以用来退出switch或循环语句
- 不能在if语句中使用break和continue
- break关键字,会立即终止离他最近的那个循环语句
- label
- 可以为循环语句创建一个label,来标识当前的循环
- label:循环语句
- 使用break语句时,可以在break后跟着一个label,这样break将会结束指定的循环,而不是最近的
- continue
- continue关键字可以用来跳过当次循环
- 同样continue也是默认只会对离他最近的循环循环起作用
- 计时 console.time()-----console.timeEnd();
- 测试如下的程序的性能
- 在程序执行前,开启计时器
- console.time( “计时器的名字”)可以用来开启一个计时器
- 它需要一个字符串作为参数,这个字符串将会作为计时器的标识