前端--js代码块

2018-08-23 本文已影响0人大白python学习分享

1.代码块

代码块是在大括号 {} 中所写的语句，以此将多条语句的集合视为一条语句来使用。
例如：
{
var a = 123;
a++;
alert(a);
}
我们一般使用代码块将需要一起执行的语句进行分组，需要注意的是，代码块结尾不需要加分号。

2.条件语句

条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句。
最基本的条件语句：
if...else
switch...case

2-1. if...else语句

if...else语句是一种最基本的控制语句，它让JavaScript可以有条件的执行语句。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>if练习1</title>
        <script type="text/javascript">
            /*
             *  从键盘输入小明的期末成绩:
             *  当成绩为100时，'奖励一辆BMW'
             *  当成绩为[80-99]时，'奖励一台iphone15s'
             *  当成绩为[60-80]时，'奖励一本参考书'
             *  其他时，什么奖励也没有
             */
             var score = prompt("请输入小明的期末考试成绩(0-100):");
             if (score>100 || score<0 || isNaN(score)){
                alert('输入错误');
             }
             else{
                    if(score == 100){
                        alert('奖励你一辆宝马');
                 }
                    else if(score >= 80 && score <= 90){
                        alert('奖励一台iphone15s');
                 }
                    else if(score >= 60 && score <= 80){
                        alert('奖励一本参考书');
                 }
                    else{
                        alert('啥也没有');
                 }
             }
            
        </script>
    </head>
    <body>
        
    </body>
</html>

2-2.switch...case语句

switch...case是另一种流程控制语句。
switch语句更适用于多条分支使用同一条语句的情况。

语法：
switch(语句){
    case 表达式1:
        语句...
    case 表达式2:
        语句...
    default:
        语句...
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>练习switch1</title>
    <script type="text/javascript">
        var s = prompt("请输入数字:");//屏幕中会显示一个输入框
        var scare = parseInt(s);
        switch(scare){
            case 60:
                alert('合法');
                break
            case 0:
                alert('不合法');
                break
            default:
                alert('阿瑟东');
                break
        }
    </script>
</head>
<body>
    
</body>
</html>

需要注意的是case语句只是标识的程序运行的起点，并不是终点，所以一旦符合case的条件程序会一直运行到结束。所以我们一般会在case中添加break作为语句的结束。

3.循环语句

和条件语句一样，循环语句也是基本的控制语句。
循环中的语句只要满足一定的条件将会一直执行。

3-1.while

while语句是一个最基本的循环语句。
while语句也被称为while循环。
语法：

while(条件表达式){
     语句...
 }

和if一样while中的条件表达式将会被转换为布尔类型，只要该值为真，则代码块将会一直重复执行。
代码块每执行一次，条件表达式将会重新计算。

3-2.for

for语句也是循环控制语句，我们也称它为for循环。
大部分循环都会有一个计数器用以控制循环执行的次数，计数器的三个关键操作是初始化、检测和更新。for语句就将这三步操作明确为了语法的一部分。
语法：

for(初始化表达式  ; 条件表达式 ; 更新表达式){
    语句...
}