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

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

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

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.本小节讲到了三种顺序和几个语句,有其它编程语言基础的话,非常easy理解,并且js本身就仿照了c 的语法,就更easy看懂了。

时间: 2024-11-25 17:49:44

2014年辛星Javascript解读第四节 流程控制语句的相关文章

2014年辛星Javascript解读第五节 break continue 与异常处理

先说一下break和continue的主要用法吧,break用于跳出循环,continue用于跳过该循环中的一个迭代.简单的说,就是break直接从该语句跳出,但是continue不会跳出该循环语句,但是它会重新来过,即本次不会再次执行. ************具体说明************* 1.我们通过举例的形式来说明,首先看代码一: var sum = 0; for(i = 0;i<10;i++){ if(i==5){ break; } sum += i; } alert(sum);

2014年辛星Javascript解读第一节

***************概述*************** 1.Javascript是一种原型化继承的基于对象的动态类型的脚本语言,它区分大小写,主要运行在客户端,用户即使响应用户的操作并进行数据的解析和传递. 2.Javascript和Java并没有太多的关系,只是名字重复了四个字母. 3.Javascript的主要功能是进行数据验证.提供网页特效,动态响应用户的操作,我们提到Javascript也通常会提到jQuery和Ajax. ************Javascript的历史**

2014年辛星Javascript解读第二节

本小节我们讲解一下Javascript的语法,虽然js语言非常简单,它的语法也相对好学一些,但是不学总之还是不会的,因此,我们来一探究竟把. ********注释************* 1.我们通常用注释来标记一些代码,它会使得我们更好理解我们之前写过的程序代码,这些注释不会被解释执行,但是它是非常有用的. 2.Javascript支持以C++风格的//开头的单行注释,即两个斜线之后的部分直到这一行的结束,都会被当做注释来对待,它们是不会被计算机解释执行的. 3.Javascript还支持C

2014年辛星Javascript解读第三节

经过第一节的入门和第二节的运算符,那么接下来我们就可以学习Javascript的函数了,当然了,不管大家之前学习的是什么编程语言,都会有函数的概念,如果大家学的是Pascal,还会有"过程"的概念,但是js中没有那么复杂. ************函数*********** 1.所谓函数,就是一些代码的集合,我们用一种形式把它封装起来,当做一个整体,就有了函数的概念. 2.在js中,我们首先使用关键词funtion来声明一个函数,然后紧跟的就是函数名,然后是一个小括号,括号内可以写一些

2014年度辛星完全解读html第二节

上面一节中我们介绍了HTML文件的书写和几个标签,接下来我们来认识几个其他的标签,这里我们主要介绍一下head标签和文本标签. ***************head标签************************ 1.所谓head,就是头的意思,它可以包含若干子标签,它的内容是不会再浏览器的文本区域显示的,但是它的作用非常广泛,下面我们重点介绍一下它的子标签. 2.head标签可以包含title标签,上面我们已经看到了,而title标签就是在浏览器的标题栏显示的内容,这点我们上节说了. 3

2014年辛星完全解读Javascript第七节 数组和对象

由于Javascript是脚本语言,因此,使用起来非常方便,数组的使用也是比较简单的,下面我们就主要介绍一下Javascript中数组的介绍,以及上一节中没有完成的对象的介绍. **************数组************** 1.在Javascript中,声明一个数组太简单了,而且它支持三种方式,第一种方式是直接实例化一个Array,然后用下标的形式去添加,但是它不像PHP那样灵活,它不允许不写下标就向里面添加数据,因此,我们指定下标即可. 2.访问数组的成员就向C语言的数组那样访

2014年辛星完全解读Javascript第八节 json

json是JavaScript Object Notation的简写,它是一种轻量级的数据交换格式,而且表达上很容易靠字面去理解.json是用于存储和传输数据的格式,通常用于向服务器端传递数据. *************JSON************** 1.我们上一节介绍了对象,这一节我们将介绍json,json既然是一种数据的传输方式,那么它也必然会有自己的语法规则,它的语法规则如下:由大括号保存对象,由方括号保存数组,数据以键值对的方式存储,而且多个数据之间需要用逗号分开. 2.比如下

2014年辛星完全解读Javascript第六节 对象

随着面向对象的普及,现在很多语言都在支持面向对象,Javascript也不例外,所谓对象,就是拥有属性和方法的数据.这里的属性其实就是变量,这里的方法,其实就是函数.但是Javascript的面向对象和其他编程语言还是有很大区别的. ************对象************* 1.Javascript中的对象的定义“属性的无序集合,每个属性存放一个初始值.函数或者对象”,也就是说,对象是没有额定顺序的值的数组. 2.Javascript中的对象一般可以分为本地对象.内置对象.宿主对象

2014年度辛星html教程夏季版第二节

上面一节中我们介绍了HTML文件的书写和几个标签,接下来我们来认识几个其他的标签,这里我们主要介绍一下head标签和文本标签. ***************head标签************************ 1.所谓head,就是头的意思,它可以包含若干子标签,它的内容是不会再浏览器的文本区域显示的,但是它的作用非常广泛,下面我们重点介绍一下它的子标签. 2.head标签可以包含title标签,上面我们已经看到了,而title标签就是在浏览器的标题栏显示的内容,这点我们上节说了. 3