对于JavaScript三种循环语句的理解。

苗疆三刀的随手记 2019-06-27

循环语句

最近在整理关于JavaScript一些小知识,都是基础易学的,虽然没什么可复习的,但是也想多记录一下加深理解。
循环语句是JavaScript中最常见的条件语句了,通常我们能够使用到的为for循环,while循环和do...while循环,以下做简单的理解

for循环

for循环用来重复执行一段代码很方便。以下是for循环的常规语法:

for(语句1;语句2;语句3){
执行体
}
语句 1 在循环(代码块)开始前执行,表示初始化变量;
语句 2 定义运行循环(代码块)的条件,判断条件是否为true;
语句 3 在循环(代码块)已被执行之后执行,代码执行后的变量操作

简单代码如下所示:

for(var i = 0;i < 5;i ++){
    alert(10);
}
console.log(i); // 5

以上会弹出5次窗体。
值得注意的是ES5中没有块级作用域,只有全局作用域以及函数作用域。
当for循环被函数包含的时候,var i会被提出去变为一个函数作用域的变量,而不是仅在代码块中有效;
当for循环是在执行环境中的for循环,则会被添加到当前执行环境,在外部也会访问的到。
ES6中,使用let可以很好的解决,现在可能会在某些老旧的浏览器中产生兼容问题。

var i;
for(i = 0; i < 5;i ++){
    alert("for循环");
}
console.log(i); // 5

while循环

在指定条件为true时执行语句。以下是while循环的常规语法:

while (条件)
{
需要执行的代码
}

简单代码如下所示:

var i = 0;
while(i < 5){
    alert("while循环");
    i ++;
}

注意:如果在循环体内不进行变量的操作,此循环将变为死循环

do...while循环

至少会执行一次的循环,而后再判断条件,为true时进入循环再次执行。以下是do...while循环的常规语法:

do
{
需要执行的代码
}
while (条件);

简单代码如下所示:

var i = 5;
do{
    alert("do...while循环");
    i ++;
}while(i < 5)

other

其实还有一种for...in循环,语句循环遍历对象的属性,这种循环是无序遍历的一种。

结语

在实际项目中可以按需各取,如有错误方请指正,谢谢。

相关推荐