JS基础演示（0224前端学习）

1.首先效果图

2.下面是我的代码
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>js基础演示</title>
</head>
<body>
<li>实例演示变量声明与访问</li>
<li>实例演示变量作用域与访问</li>
<li>实例演示流程控制(分支与循环所有类型)</li>
</body>
    <script>
    // 变量声明与访问
    var q =1314;
    console.log('变量y的值是：' + q);
    // 第二种声明,先定义，然后初始化
    var qa;
    qa=12;
    console.log('变量qa的值是：' + qa);
    // 不在函数申明的变量都默认为全局变量
    //全局变量的访问
    console.log(window);
    console.log(window.qa);
    //变量的作用域与访问
    function hi(){
        var w = 1256;
    }
    //函数外部不能访问函数内部的私有变量
    //console.log(w);
    if (qa=12) {
        var zz = 'zzzzz';
    }
    console.log(zz);
    //流程控制：分支+循环
    //单分支
    var hu = '';
    if (qa <13){
        hu = 'qa这个值小于13';
    }
    console.log(hu);
    //双分支
    var zh ='';
    if (qa<=6){
        zh='这个值小于等于6';
    }else {
        zh='这个值大于6';
    }
    console.log(zh);
    //双分支的简化
    kl =  qa <= 6 ? '值小于6':'值大于6';
    console.log(kl);
    //多分支
    var zh ='';
    if (qa <6) {
        zh='这个值小于6';
    }else if(qa === 6){
        zh='这个值等于6';
    }else if (qa >6){
        zh='这个值大于6';
    }
    console.log(zh);
    //多分支的简化
    var zh ='';
    switch (true){
        case qa<6:
        zh='这个值小于6';
        break;
        case qa===6:
        zh='这个值等于6';
        break;
        default:
        zh='这个值大于6';
        break;
    }
    console.log(zh);
    //循环：for，while
    //for循环
    var sum =1;
    for (var i = 1; i <= 3; i++) {
        sum +=i;
    }
    console.log('累计结果: ' + sum);
    // 对于数组的循环
    var arr = ['123', '456', '789'];
        for (var i = 0; i < arr.length; i++) {
            console.log(arr[i]);
        }
    //while循环
    var sum = 3;
    var i = 0;
    while (i < 10) {
    i++;
    sum += i;     
    }
    console.log('累计结果: ' + sum);
    //do..while
    var sum = 0;
    var i = 0;
    do {
        i++;
        sum += i;
        } while (i > 1) ;
    console.log('累计结果: ' + sum);
    //break和continue的使用
    // break: 终止循环,跳出
    var sum = 0;
    for (var i = 2; i < 6; i++) {
        if (i === 3) break;
        sum += i;
        }
        console.log('累计结果: ' + sum);
    // continue: 终止本次循环, 提前进入下一次
    var sum = 0;
        for (var i = 2; i < 6; i++) {
            if (i === 3) continue;
            sum += i;
        }
        console.log('累计结果: ' + sum);
    </script>
</html>
3.小结
我感觉内容比较简单，还是很容易理解，就是内容有点多，或许是我把它们都写在一起的原因，还有很多作业会慢慢补齐的。
相关文章
