Web前端学习第七周

1.运算符的优先级

逗号运算符可以分割多个语句,一般可以在声明多个变量时使用。
在这里插入图片描述
在这里插入图片描述

2.代码块

语句是按照自上向下的顺序一条一条执行的,在JS中可以用 { } 来对语句进行分组。一个{ } 中的语句称为一个代码块。
JS中的代码块只有分组的作用,没有其他作用了。
在这里插入图片描述

3.流程控制语句

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

3.1 条件判断语句(If 语句)

使用条件判断语句可以在语句执行之前进行判断,如果成立执行语句,如果不成立不执行。

语句一:

if (条件表达式){
语句}

if语句在执行时会先对条件表达式进行求值判断,如果条件表达式的值为ture,则执行if后的语句,如果条件表达式的值为false,则不会执行if后的语句。
if语句只能控制紧随其后的那个语句,如果希望if语句可以控制多条语句,可以将这些语句统一放到代码块中。if语句后的代码块不是必须的,但是在开发过程中尽量写。
在这里插入图片描述
语句二:

if(语句表达式){
语句… }
else{
语句… }

if…else…语句在执行时会先对条件表达式进行求值判断,如果条件表达式的值为ture,则执行if后的语句,如果条件表达式的值为false,则会执行else后的语句。
在这里插入图片描述
语句三:

if(条件表达式){
语句…} else if (条件表达式){
语句…}else if (条件表达式){
语句…}else{
语句…}

else…if 语句中,只会有一个代码块被执行,一旦代码块执行,语句就结束。
在这里插入图片描述

prompt ( )

prompt ( ) 可以弹出一个提示框,该提示框中会带有一个文本框。用户可以在文本框中输入一段内容,该函数需要一个字符串作为参数,该字符串将会作为提示框的提示文字。
用户输入的内容将会作为函数的返回值返回,可以定义一个变量来接受该内容。
在这里插入图片描述
prompt ( ) 函数的返回值是string类型的
将返回值转换为number类型
在这里插入图片描述
在这里插入图片描述

3.2 条件分支语句(switch语句)

switch(条件表达式){
case 表达式 :
语句。。。
break;
case 表达式 :
语句。。。
break;
default :
语句。。。
break;
}
switch…case…语句
执行时会依次将case后的表达式与switch后的条件表达式的值进行全等比较,如果比较结果为ture,则从当前case处开始执行代码,后面的都会被执行。
使用break可以退出switch语句
在这里插入图片描述
如果所有结果都为false,则执行default后面的语句
在这里插入图片描述
parseInt( ) 取整
在这里插入图片描述
在这里插入图片描述

3.3 循环语句

< br / > 是在网页中换行
在这里插入图片描述

3.3.1 while循环(先判断后执行)

while(条件表达式){
语句…
}
while循环在执行时先对条件表达式进行求值判断,
如果值为ture,则执行循环体,
循环体执行完毕以后,继续对表达式进行判断,
如果为ture则继续执行循环体,以此类推。
如果值为flase则终止循环。

死循环:
break可以退出循环
在这里插入图片描述
创建一个循环往往需要三步骤:
1.初始化一个变量
var i = 0;
2.在循环中设置一个表达式
while(i < 10){
alert(i);
3.定义一个更新表达式,每次更新初始化变量
i++;
}

3.3.2 do…while 循环(先执行后判断)

保证循环体至少执行一次
do{
语句…
}while(条件表达式)
do…while 在执行时。会先执行循环体,循环体执行完毕以后。再对while后条件表达式进行判断,
如果值为ture,继续执行循环体,执行完毕继续判断,以此类推。
如果值为false,终止循环。
在这里插入图片描述

3.3.3 for循环

1.初始化表达式
2.条件表达式
3.更新表达式
for(初始化表达式;条件表达式;更新表达式){
语句…
}
在这里插入图片描述
for循环的执行流程:
1.执行初始化表达式,初始化变量(初始化表达式只会执行一次)
2.执行条件表达式,判断是否执行循环体
如果为true执行循环体,如果为flase,终止循环。
3.执行更新表达式,更新表达式执行完毕后继续重复执行2.

如果在for循环中不写任何表达式,只写两个;
此时循环会是一个死循环
在这里插入图片描述
打印1-100之间所有奇数之和
在这里插入图片描述
判断水仙花数
在这里插入图片描述

3.3.4 嵌套的for循环

外层循环控制高度,内层循环控制宽度(执行几次图形的宽度就是多少)
用for循环打印图形
在这里插入图片描述
&nbsp 空格符
在这里插入图片描述
九九乘法表:在这里插入图片描述
在这里插入图片描述

4.break 和 continue

break关键字可以退出switch和循环语句
不能在if语句中使用break和continue
默认对离他最近的循环起作用
在这里插入图片描述
可以为循环语句创建一个label,来标识当前循环
label:循环语句
使用break语句时,可以在break后面跟一个label
这样break将会结束指定的循环,而不是最近的
在这里插入图片描述

continue可以用来跳过当次循环
默认只会对离他最近的循环起作用

console.time(“计时器的名字”) 可以用来开启一个计时器,需要一个字符串作为参数,这个字符串将会作为计时器的标识。
==console.timeEnd(“计时器的名字”)==用来停止一个计时器,需要一个计时器的名字作为参数。
Math.sqrt() 可以对一个数进行开方
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值