JS基础案例 4.0

125 阅读4分钟

一、代码块


我们的程序是由一条条语句构成的,语句是按照自上而下的顺序一条一条执行的。
在js中可以使用{}来为语句进行分组,同一个{}中的语句我们称为是一组语句,要么都执行,要么不执行。
一个{}中的语句我们也称为叫一个代码块,在代码块的后面就不用再编写 ; 了。
JS中的代码块,只具有分组的作用,没有其他的用途,代码块里面的内容,在外部是完全可见的。


二、流程控制语句

语句的分类:
1、条件判断语句
2、条件分支语句
3、循环语句

条件判断语句:
- 使用条件判断语句可以在执行某个语句之前进行判断,
如果条件成立才会执行语句,条件不成立则语句不执行
- if 语句
语法一:
if(条件表达式){
语句...
}
if语句在执行时,会先对条件表达式进行求值判断
如果条件表达式的值为true,则执行if后的语句,
如果条件表达式的值为false,则不会执行if后的语句

语法二:
if(条件表达式){
语句...
}else {
语句...
}
if...else...语句
当该语句执行时,会先对if后的条件表达式进行求值判断。

语法三:
if(条件表达式){
语句...
}else if(条件表达式){
语句...
}else if(条件表达式){
语句...
}else {
语句...
}
if...else if...else
当该语句执行时,会从上到下依次对条件表达式进行求值判断
如果值为true时,则会执行当前语句
如果值为false,则继续向下判断
如果所有条件不满足则执行最后一个else后的语句
该语句中,只会有一个代码被代码块执行,一旦代码块执行就不再执行后面的代码

prompt()可以弹出一个提示框,该提示框中会有一个文本框,用户可以在文本框中输入一段内容,该函数需要一个字符串作为参数,该字符串将会作为提示框的提示文字。

prompt()函数返回值是String类型的,+号给返回值转型为Number


三、条件分支语句

条件分支语句也叫switch语句
语法:
switch(条件表达式){
case 表达式:
语句...
break;
case 表达式:
语句...
break;
case 表达式:
语句...
break;
case 表达式:
语句...
break;
default:
语句...
break;
}


四、循环语句

循环语句:通过循环语句可以反复的执行一段代码多次

1、while循环

语法:

while(条件表达式){
语句...
}

执行流程:

while 语句在执行时,先对条件表达式进行求值判断,如果值为true,则执行循环体

循环体执行完毕以后,继续对表达式进行判断

如果值为true,则继续执行循环体,以此类推

do...while循环

语法:

do{

语句...

}while(条件表达式)

执行流程:

do...while语句在执行时,会先执行循环体。循环体执行完毕以后,再对while后的条件表达式进行判断,

如果结果为true,则继续执行循环体,执行完毕继续判断以此类推

如果结果为false,则终止循环

注:实际上这两个语句功能类似,不同的是while是先判断后执行,而do...while会先执行后判断。do..while可以保证循环体至少执行一次,而while不能

2、for循环

for语句,也是一个循环语句,也称为for循环

在for循环中,为我们提供了专门的位置来放三个表达式:

1.初始化表达式

2.条件表达式

3.更新表达式

for循环语法;

for(①初始化表达式; ②条件表达式; ④更新表达式){

③语句...

}

for循环的执行流程:

①执行初始化表达式,初始化变量

②执行条件表达式,判断是否执行循环,如果为true,则执行循环

③如果为false,终止循环

④执行更新表达式,更新表达式执行完毕继续重复②


五、break和continue

1、break
break关键字可以用来退出switch或循环语句

不能在if语句中使用break和continue
break关键字,会立即终止离他最近的那个循环语句

2、continue

continue关键字可以用来跳过当次循环

同样continue也是只会对离他最近的循环起作用


六、测试代码的功能性

1、在程序执行前,开启计时器

console.time("名称") —— 可以用来开启一个计时器

console.timeEnd("名称") —— 可以用来停止计时器

2、对一个数进行开方

Math.sqrt()

3、使用break可以提高代码的运行速率,加Math.sqrt()运行速率更快