JavaScript 基础第二天

时间:2022-09-14 20:53:26

一、前言

  感觉昨天的内容确实是有点细碎、复杂。感觉是没有书上写的那么的细致而且有导入性,但是我还是喜欢这样只说干货。今天的内容将继续接着昨天最后的内容JS中的语言结构继续讲解并且重点讲解一下其中的内容。

二、引入

  Js有着四种语言格式,在今后的学习或者是实战中这四种的语言格式尤为的重要。所以,想要成为大虾你可以准备好记录了。

三、重点内容

   ㈠  顺序结构

    这个很简单就是按照文档的结构依次执行就好了。

   ㈡  分支结构

    在分支结构中我们要提到两个内容 if 和 if-else

    

    if(){}   //当程序到达if处时,开始判断小括号内的条件是否成立。如果条件成立就执行大括里面的内容,不成立则跳过大括号。
    if(){}else{}   //当程序到达if处时,开始判断小括号内的条件是否成立。如果条件成立就执行大括里面的内容,不成立则执行else后面大括号里面的内容。

 

 

 

    需要注意的是在分支结构中小括号内的判断条件一般是一个 boolean类型的值或者是关系表达式或者逻辑表达式。

  ㈢ 选择结构

    在选择结构中我们要提到的内容是 if else-if 以及switch-case

     ① if else-if

      if(){

      }
else if{

      }
else if{

      }
else{

      }

//首先运行到if处,先进入小括号中,判断条件是否成立,如果成立,也就是小括号里面返回true,则进入大括号执行里面的代码,如果条件不成立,也就是返回false,则依次的判断下面的else if对应的小括号中的条件是否成立,
//
也就是返回true,如果成立则进入对应的大括号里面执行代码,如果都不成立,也就是返回False,则要看最后有没有else,如果有else,则进入else里面的大括号执行里面的代码,否则退出程序,执行后面的代码。

 

 

 

    需要注意的是选择结构多适用于做区间的判断的时候使用的。

    ② switch-case

    

switch(值){ 
case 值1:
要执行的代码;
break;
case 值2:
要执行的代码;
break;

case 值3:
要执行的代码;
Break;

case 值4:
要执行的代码;
Break;
...
default:
要执行的代码;
break;
}

//当程序执行到switch处,先进入小括号,计算里面值,然后拿着这个定值依次和大括号中case里面的值进行匹配,如果匹配成功,则执行对应的case中的代码,
遇到break,则跳出当前swicth-case结构,如果匹配都不成功,则要看结构是否有default,如果有,则执行default中的代码,遇到break跳出结构,
如果没有default,则直接跳出swicth-case结构,执行后面的代码。

 

 

 

    需要注意的是case中的值的数据类型一定要与switch小括号中值的数据类型要一致。多用于多条件的定值判断。

 

  ㈣ 循环结构

    在循环结构中我们要提到是while、do-while、for

      ① while循环

while(循环条件){
循环体(要执行的代码);
}
//当程序运行到while处,首先进入小括号判断循环条件是否成立,如果成立,也就是值为true,则进入大括号执行里面的循环体,执行完毕之后,再次回到小括号中判断 循环条件是否成立,
如果成立则再次进入大括号执行里面的循环体,往复循环。只要是循环,肯定会有一行代码能够改变循环条件,如果没有代码改变循环条件,我们称这样的循环叫死循环。

 

      需要注意的是在while循环中可以使用break和continue来做一定的判断这需要根据需求来衡量。

      ② do-while循环

do{
循环体;
}
while(循环条件)

//程序执行到do处,先进入大括号执行里面的循环体,然后带着执行结果到达while的小括号,判断里面的循环条件是否成立,如果成立,则再次进入大括号执行里面的循环体,如果不成立,则跳出当前do-while循环。

 

      需要注意的是do-while至少会执行一次循环体,然后再判断循环条件。

      ③ for循环

 for(var i = 0;i<n;i++){
循环体;
}

//程序运行到for处,进入小括号中,先执行表达式1,声明变量,并赋初值,然后执行表达式2,判断循环条件是否成立,如果条件成立,则进入大括号执行里面的循环体,第一次循环的时候,并不执行表达式3,
第一次循环执行完毕之后,执行表达式3,改变循环条件,然后再执行表达式2,判断循环条件是否成立,如果成立,则再次执行循环体,如果不成立,则跳出循环。

 

      需要注意的是for循环一般用于已知次数的循环

      ④ 循环的嵌套

      简单的说循环的嵌套就是在一个循环中嵌套另一个循环,外面的循环循环一次,里面的循环循环N次

      ⑤break与continue

      就如字面的意思break是打破,而continue的意思是继续。

        ⅰbreak一般用于while或者for循环当中,与if搭配使用,作用就是立即跳出当前的循环,后面的代码不再执行。(在switch-case中也必须要有break)。

        ⅱ一般用于循环当中,当遇到continue时,立马结束本次循环,然后会到循环条件处。只结束当前本次循环,continue后面的代码不再执行。

四、总结

    今天的主要内容在于Js的各种语言结构,其中比较重要的是for循环。