JavaScript学习笔记02

一、程序

程序 = 程序语句 + 数据结构 + 算法

//程序语句：
var num   //变量声明语句，分号可加可不加
num = 100  //赋值语句
console.log(num)  //控制台输出语句
alert('hello')  //弹框语句（函数调用语句）

 二、逻辑分支语句

if语句：
        if(条件表达式){
                语句块
        }

if语句只有一句代码时，大括号可以省略

var m=84
var n=38
var maxi=m
if(maxi<n)
    maxi=n
console.log(maxi);

 if-else语句：
                if(条件表达式){
                    语句块1
                }else{
                    语句块2
                }

通过if条件来决定，执行哪一个{ }里面的内容

var max
if(54>67){
    max=54
}else{
    max=67
}
console.log(max)

 if-else-if语句：
                if(条件表达式1){
                    语句块1
                }else if(条件表达式2){
                    语句块2
                }

 对多个条件进行判断。从上到下依次进行判断，一旦一个条件为TRUE，后面的就不会进行判断了。

var a = 34
var b = 90
var c = 78
var max = a
if (max < b) {
    max = b
} else if (max < c) {
    max = c
}
console.log(max);

if语句嵌套：
                if(条件表达式1){
                    if(条件表达式2){
                        语句块
                    }
                }

和if else if 基本一致，只不过是在所有条件都不满足的时候，执行最后else里的{ }

多个数进行比较时的编程思想：
            1.假设第一个数是最大/小值

            2.依次让后面的数与最大/小值比较，如果后面的数比最大/小值max大/min小，将值赋值给max/min

            3.依次比较完之后，max/min中保存所有数中的最大/小值

    <script>
        var a=78
        var b=23
        var c=14
        var d=46
        var min=a
        if(min>b){
            min=b
        }
        if(min>c){
            min=c
        }
        if(min>d){
            min=d
        }
        console.log('最小值是：' + min);
    </script>

 三、switch多分支语句

语法：
                switch(表达式值){
                    case 值1:
                        语句块1
                        [break]
                    case 值2:
                        语句块2
                        [break]

                    ……
                    default:
                        语句块
                }

<script>
        var week=1
        switch(week % 7){
            case 1:
                console.log('星期一');
                break
            case 2:
                console.log('星期二');
                break
            case 3:
                console.log('星期三');
                break
            case 4:
                console.log('星期四');
                break
            case 5:
                console.log('星期五');
                break
            case 6:
                console.log('星期六');
                break
            default:
                console.log('星期天')
        }
</script>

switch穿透：匹配相应分支，执行case分支中语句，如果没遇到break语句，继续执行下一个分支

<script>
        /*
            输入年份和月份，显示该年当月的天数，利用case穿透简化代码
            分析：1 3 5 7 8 10 12 -> 31天
                4 6 9 11 -> 30天
                2 平年 28天  闰年 29天
        */
        var year=2020
        var month=2
        var day
        switch(month){
            case 1:
            case 3:
            case 5:
            case 7:
            case 8:
            case 10:
            case 12:
                day=31
                break
            case 4:
            case 6:
            case 9:
            case 11:
                day=30
                break
            default:
                if((year%4 == 0 && year%100 != 0) || year%400 == 0){
                    day=29
                }else{
                    day=28
                }
                break
        }
        console.log(year + '年' + month + '月有' + day + '天');
</script>

 四、三目运算（三元运算）

        1.两个符号组成的语句

        2.if-else语句的简写形式

语法：

        条件 ?  语句块1 :  语句块2

        //条件为TRUE时，执行语句块1，为FALSE则执行语句块2

<script>
     var age=27
     var content = age >= 18 ? '成年人' : '未成年'
     console.log(content)
     //控制台输出content为：成年人
</script>

可以嵌套使用，如：

var max = a > b ? ( a > c ? a : c ) : ( b > c ? b : c )

五、单步调试

       1.找程序错误bug的一种方式
        2.让程序语句一条一条执行，观察程序语句执行输出情况

        使用断点进行单步调试：

                右键检查页面，选择调试器/sources，选择到文件，在代码左侧需要进行断点调试的部分的起点和终点打上断点，刷新页面，然后一步步调试。