流程控制,是任何一门编程语言都有的一个语法。
如果你学习C语言,或者学过C#、Java等,应该对“流程控制”很熟悉。
所谓的流程控制,指的是控制程序按照怎样的顺序执行。
在JavaScript中,共有三种流程控制方式(其实任何语言也都只有这三种啦)。
顺序结构
选择结构
循环结构
顺序结构
在JavaScript中,顺序结构是最基本的结构。所谓顺序结构,
就是代码按照从上到下、从左到右的“顺序”执行,
举例:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script>
var str1 = "绿叶学习网";
var str2 = "JavaScript";
var str3 = str1 + str2;
document.write(str3);
</script>
</head>
<body>
</body>
</html>
分析:
按照“从上到下、从左到右”的顺序,JavaScript执行顺序如下。
第一步:执行var str1 = "绿叶学习网”
第二步:执行var str2 = “JavaScript”
第三步:执行var str3 = str1 + str2
第四步:执行document.write(str3)
JavaScript一般情况下就是按照顺序结构来执行的。不过呢,在有些场合,我们单纯只用顺序结构就没法解决问题了。此时就需要引入选择结构和循环结构。
选择结构
在JavaScript中,选择结构指的是根据“条件判断”来决定使用哪一段代码。选择结构有单向选择、双向选择以及多向选择三种,但是无论是哪一种,JavaScript都只会执行其中的一个分支,选择结构流程如图3-3所示。
循环结构
循环结构,指的是根据条件来判断是