12月17日作业 - JS的基础知识

JS的基础知识

1、javascript变量、函数的定义

// 1.javascript变量、函数的定义
    // 变量的定义
    var a = 1;
    console.log(a); // 1
    var b = 2;
    console.log(b); // 2
    // 函数的定义
    fn(10); // 10
    function fn (a) {
        console.log(a);
    }

2、javascript流程控制if else switch

（1）如果是多个else if的话，只要第一个if条件成立，即使满足else if的条件也不会执行else if及else的内容，如果是多个if的话，最后的else会执行的；else与最近的if匹配，包括else if 的if，if与多个else if是分枝情况。只执行其中一条代码，if与多个if是并列情况，会顺序执行多个if会顺序执行，最后的else与最近的if匹配if与多个else if，只会执行其中一个条件，所以只打印一个结果

// if else
        var val= 8;
        if (val < 5){
            alert('Less than 5');
        }else if (val < 10) {
            alert('Less than 10');
        }else {
            alert('Greater than or equal to 10');
        }

（2）switch工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

var arr=90;
        switch(true) {
            case arr>90:
                alert('Very Good!');
                break;
            case arr<=90 && arr>70:
                alert('Good!');
                break;
            case arr<60:
                alert('槽糕极了！');
                break;
        }

3、javascript三种循环

// 3、javascript三种循环
    // JS中循环有三种：
    //     1.while循环
    // 语法结构：while(条件表达式){当条件表达式为布尔值true时要执行的语句块}
    var i = 1;
    var result = 0;
    while(i<=20){
        result=result+i;
        i++;
    }
    alert(result);
    //     2.do-while循环
    // 语法结构：do{条件表达式为true时执行的语句块}while(条件表达式)
    var i = 0;
    var result = 0;
    do{ i++;
        result=result+i;
    }while(i<50)
    alert(result);
    //     3.for循环
    // 语法结构：for(变量初始化 ;条件表达式; 变量更新){条件表达式为true时执行语句块}
    var result = 0;
    for(var i = 1; i<=100 ; i++){
        result = result + i;
    }
    alert(result)

4、数据类型转换：parseInt、isNaN函数的使用

//4.parseInt、isNaN函数的使用
    // 1.isNaN()函数的用法：比如我有一个textbox用于录入数字类型的数据，在提交表单的时候我要验证该txetbox中的值是否为数字，那么我们可以使用isNaN函数。
    function checkValue(){
        if(isNaN(document.all.textbox.value)){
            alert('请用数字录入！')；
            return false;
        }
    }
    // 2.parseInt parseInt() 函数可解析一个字符串，并返回一个整数。
    // parseInt(string, radix)
    document.write(parseInt("10") + "<br>");
    document.write(parseInt("10.33") + "<br>");
    document.write(parseInt("34 45 66") + "<br>");

while循环与do-while循环的区别：

1. while是先判断条件，后执行循环主体（先判断后执行）
2. do-while是先执行循环主体后判断条件（先执行后判断）
3. 如果初始条件不满足，while循环主体不执行，而do-while无条件地执行循环主体一次

   总结：循环次数确定的情况下使用循环通常采用for循环，wihle、do-while通常用于循环次数不确定的情况。