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

标签：辛星   javascript   前端   教学   html   

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

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

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 的语法，就更容易看懂了。

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

标签：辛星   javascript   前端   教学   html   

原文地址：http://blog.csdn.net/xinguimeng/article/details/38039631