0224作业+JavaScript基础+10期线上班

JS是轻量级的脚本语言
-JS变量用var进行声明（6版本以下）
-JS变量名必须以字母，__(下划线)，$开头，不能用数字开头
-JS脚本必须在<script></script>标签之间
-可以在<script>标签中用src属性加载JS文档

以下是变量声明与访问以及作用域的访问的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
<script>
    // JS的变量声明与访问
    // 声明：var /let/const
    var age;
    // 变量赋值
    age = 20;
    console.log(age)
    // 声明加初始化
    var sex = '男';
    // 在浏览器的控制台显示
    console.log(sex);
    // 变量的连接用'+'表示
    var a = 'a' + 'b';
    console.log(a);
    console.log('变量是：' + a);
    // 只要变量不是在函数中生成的，均属于全局变量（属于windows对象下的属性）
    console.log(window.a);
    // JS变量的作业域与访问
    // JS和PHP一样支持函数作用域
    function f() {
        var  b = 'haha';
    }
    // 在函数外部，不能访问函数内部的变量
    // console.log(b);
</script>
</body>
</html>

以下是流程控制（分支与循环）的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--JS的分支和循环-->
<script>
    // 单分支
    var a = 9;
    var b = '';
    if (a = 20) {
        b = '我有：' + a;
    }
    // console.log(b);
    // 双分支
    var a = 9;
    if (a > 10 && a < 30) {
        b = '单阶段';
    } else {
        b = '双阶段';
    }
    // console.log(b);
    // 多分支
    var a = 0;
    if (a > 0 && a < 10) {
        b = '一阶段';
    } else if (a >= 10 && a < 20) {
        b = '二阶段';
    } else if (a > 20 && a < 30) {
        b = '三阶段';
    } else {
        b = '没有此选项';
    }
    // console.log(b);
    // switch
    var a = 0;
    switch (true) {
        case a > 0 && a < 10:
            b = '一阶段';
            break;
        case a >= 10 && a < 20:
            b = '二阶段';
            break;
        case a > 20 && a < 30:
            break;
        default:
            b = '没有此选项';
    }
    // console.log(b);
    // 或者
    var a = 3;
    switch (a) {
        case 1:
            b = '哈哈';
            break
        case 2:
            b = '嘿嘿';
            break;
            default:
                b = '什么都没有';
    }
    // console.log(b);
    // for与while循环
    var a = 0;
    var b = 0;
    for (var i = 0; i < 5; i++){
        b += i;
    }
    // console.log(b);
    var i = 0;
    var b = 0;
    while (i<5){
        b += i;
        i++;
    }
    // console.log(b);
    // do-while
    var b = 0;
    var i = 0;
    do {
        b += i;
        i++;
    }while (i<5);
    // console.log(b);
    // break与continue
    var a = 0;
    var b = 0;
    for (var i = 0; i < 5; ++i){
        b += i;
        if (i === 2)break;
    }
    // console.log(b);
    var a = 0;
    var b = 0;
    for (var i = 0; i < 5; ++i){
        if (i === 2) continue;
        b += i;
    }
    console.log(b);
</script>
</body>
</html>

简单来说，JS与PHP变量的区别就是，JS必须有声明语句，在作用域和流程控制方面是大同小异的

相关文章