美文网首页js
前端--js代码块

前端--js代码块

作者: 大白python学习分享 | 来源:发表于2018-08-23 00:37 被阅读0次

    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(初始化表达式  ; 条件表达式 ; 更新表达式){
        语句...
    }
    

    相关文章

      网友评论

        本文标题:前端--js代码块

        本文链接:https://www.haomeiwen.com/subject/sjwuiftx.html