2014年辛星完全解读Javascript第四节 流程控制语句

时间:2022-08-08 18:58:42

上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于任何一门编程语言来说,流程控制都是非常重要的,也就是我们常说的顺序结构、选择结构和循环结构。

************选择结构***************

1.Javascript中用条件语句来实现选择结构,它提供的选择结构主要是if语句、if....else语句和if...else if ...else语句,还有一个switch语句,和PHP很像。

2.这些语句都比较基础,因此我们这里只给出if...else if..else的形式的伪代码如下:

if (condition1)
{
当条件 1 为 true 时执行的代码
}
else if (condition2)
{
当条件 2 为 true 时执行的代码
}
else
{
当条件 1 和 条件 2 都不为 true 时执行的代码
}

3.下面是switch语句的伪代码:

switch(n)
{
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;
default:
n 与1和2 不同的时候执行的代码
}

4.需要说明的是:这里的break用于跳出该switch语句,default用于当上面的内容都不会被匹配到的时候再去执行的代码。

************for循环************

1.js的for循环和C、C++、Java、PHP的for循环都是一样的,都是下面的形式,先看伪代码:

for(初始条件;最终判断条件;单步执行增量){
//每次循环执行的代码
}

2.然后就是一个实例:

var x = 0;
for(var i = 0;i <5;i++){
x += i;
}

3.这样之后的x就是10,它是计算了从0加到4的和。

4.我们可以用for in循环来遍历对象的属性,比如如下代码:

var msg = "";
var person = {name:"辛星",age:24};
for(x in person){
msg = msg + person[x];
}
alert(msg);

5.上面的.person是一个对象,关于对象我们后面还会说明,这里我们看到x是作为person的一个属性出现的,person调用这个属性就像我们在其他编程语言中使用数组那样的用法。

***************while循环******************

1.while语句的语法的伪代码:

while(条件){
//功能代码
}

2.那我们根据此伪代码写出它的真正的代码示例:

var sum = 0;
var i = 0;
while (i <10){
sum += i;
i++;
}
alert(sum);

需要注意的一点就是这里的i++不要忽略,否则代码会进入死循环。

3.同理还有do...while循环语句,伪代码如下:

do{
//功能代码;
}while(条件);

4.do...while循环和while循环的唯一区别就是do...while会先循环一次,然后判断条件,其实,我们可以用while循环来代替它,因此有些语言就舍弃了do...while语句,但是我们的js语言还是支持的。

**************小结**************

1.js代码作为脚本,它的程序执行顺序是自上至下的,它不会像C语言那样从main函数开始。

2.本小节讲到了三种顺序和几个语句,有其他编程语言基础的话,很容易理解,而且js本身就仿照了c 的语法,就更容易看懂了。