JavaScript------循环结构知识总结

渲染:

通过  js+后端接口数据  输出基本的html结构。

循环结构

循环结构表示程序反复执行某个或某些操作, 直到某条件为假( 或为真) 时才可终止循环。

循环结构的基本形式有两种: 【当型循环】和【直到型循环】。

【当型循环】: 表示先判断条件, 当满足给定的条件时执行循环体, 并且在循环终端处流程自动返回到循环入口; 如果条件不满足, 则退出循环体直接到达流程出口处。 因为是 "当条件满足时执行循环",即先判断后执行, 所以称为当型循环。

【直到型循环】: 表示从结构入口处直接执行循环体, 在循环终端处判断条件, 如果条件不满足, 返回入口处继续执行循环体, 直到条件为真时再退出循环到达流程出口处, 是先执行后判断。 因为是 "直到条件为真时为止", 所以称为直到型循环。

循环结构的特点:

重复、反复、有规律、限制条件;

循环不执行完成,就不会显示结果

js定义循环的语句有哪些:

        1、while循环  - 常用的

        2、for循环 - 常用的

        3、do...while循环 - 用的较少

while循环结构:    

//condition条件表达式,在每次循环前被求值。如果求值为真,statement就会被执行。
//如果求值为假,则跳出while循环执行后面的语句。
//statement只要条件表达式求值为真,该语句就会一直被执行。
//要在循环中执行多条语句,可以使用块语句({ ... })包住多条语句。
while(condition){
    statement;
}

while 语句属于前测试循环语句,也就是说,在循环体内的代码被执行之前, 就会对限制条件求值。因此,循环体内的代码有可能永远不会被执行


do...while循环结构:

//statement执行至少一次的语句,并在每次 condition 值为真时重新执行。
//想执行多行语句,可使用block语句({ ... })包裹这些语句。
//condition循环中每次都会计算的表达式。
//如果 condition 值为真, statement 会再次执行。当 condition 值为假,则跳到do...while之后的语句。
do{
    statement
}while (condition);

do-while 语句是一种后测试循环语句,即只有在循环体中的代码执行之后,才会测试限制条件。换句话说,在对条件表达式求值之前,循环体内的代码至少会被执行一次


for循环结构:    

/* 
initialization
一个表达式 (包含赋值语句) 或者变量声明。典型地被用于初始化一个计数器。该表达式可以使用 var 或 let 关键字声明新的变量,使用 var 声明的变量不是该循环的局部变量,而是与 for 循环处在同样的作用域中。用 let 声明的变量是语句的局部变量。该表达式的结果无意义。
condition
一个条件表达式被用于确定每一次循环是否能被执行。如果该表达式的结果为 true,statement 将被执行。这个表达式是可选的。如果被忽略,那么就被认为永远为真。如果计算结果为假,那么执行流程将被跳到 for 语句结构后面的第一条语句。
final-expression
每次循环的最后都要执行的表达式。执行时机是在下一次 condition 的计算之前。通常被用于更新或者递增计数器变量。
statement
只要condition的结果为true就会被执行的语句。要在循环体内执行多条语句,使用一个块语句({ ... })来包含要执行的语句。没有任何语句要执行,使用一个空语句(;)。 
*/
for (initialization; condition; final-expression){
    statement
}

for循环:语句也是一种前测试循环语句,但它具有在执行循环之前初始化变量和定义循环后要执行的代码的能力


对比while:

    while按照顺序执行。

    for理解成简洁的循环写法,结构比较简洁。

死循环:无法靠自身的控制终止的循环即死循环


break和continue关键字

break 语句会立即退出整个循环,强制继续执行循环后面的其它语句。

continue:代表立即退出循环,但退出的是当前循环继续执行下一次循环。


了解循环的执行过程(断点),以及调试代码的基本能力

        断点:代码执行到断点的地方,停止执行,等待指示。

        断点1:控制面板--sources(资源)选项下面添加断点。

        断点2:直接在代码中添加断点--debugger。

代码调试的方式

        利用控制面板-控制面板自动报错,显示错误行号和错误类型。

debug常见错误类型

        1.引用错误--referenceError 找不到或者不存在

        2.语法错误--syntaxError 违背ECMAscript语法规范。 安装jshint语法检查插件。

        3.类型错误--TypeError

        4.范围错误--RangeError

猜你喜欢

转载自blog.csdn.net/qq_39264561/article/details/106841234