javascript基本语法

JavaScript 基本语法

变量声明

var

  • var 可以用来声明变量。
  • 早期 JavaScript 中使用较多。

let

  • let 用来声明变量。
  • 一般用于后续值可能变化的场景。

const

  • const 用来声明常量。
  • 通常用于不希望被重新赋值的数据。

常见基础值

undefined

  • 变量声明了但还没有赋值时，值通常是 undefined。

null

  • null 表示空值，通常表示“这里目前没有内容”。

字符串和数字

  • 字符串示例："Alice"
  • 数字示例：5、3.14

变量提升与作用域

  • JavaScript 中有变量提升这个概念。
  • 课堂代码中通过 var x; 和后面的输出演示了变量声明后的默认值表现。
  • 现阶段可以先理解为：变量在使用前要先声明，不同声明方式在作用域和使用规则上有区别。

条件语句

if

  • 当条件为真时执行对应代码块。
1
2
3
if (condition) {
  // 条件为真时执行
}

if…else

  • 当条件为真执行 if 代码块，否则执行 else 代码块。
1
2
3
4
5
if (condition) {
  // 条件为真时执行
} else {
  // 条件为假时执行
}

if…else if…else

  • 用于按顺序判断多个条件。
1
2
3
4
5
6
7
if (condition1) {
  // 条件1为真
} else if (condition2) {
  // 条件2为真
} else {
  // 以上条件都不满足
}

循环语句

for 循环

  • 适合已知循环次数的场景。
1
2
3
for (初始化表达式; 循环条件; 迭代器) {
  // 循环体
}

while 循环

  • 当条件为真时不断执行循环体。
1
2
3
while (循环条件) {
  // 循环体
}

break 与 continue

break

  • 用于立即退出循环。

continue

  • 用于跳过当前这一次循环，直接进入下一次循环。

课堂完整示例代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript 基本语法</title>
</head>
<body>
    <script>
        // 变量提升与作用域
        var x;
        let y = 5; 
        const PI = 3.14;
        console.log(x, y, PI); // undefined 5 3.14
        let name = "Alice";
        console.log(name); // Alice
        let empty_value = null;
        console.log(empty_value); // null

        let age = 18;
        if(age>18){
            console.log("成年人");
        }else if(age < 18){
            console.log("未成年");
        }else{
            console.log("刚好18岁");
        }

        // let time = 10;
        // if(time < 12){
        //     alert("上午好");
        // }   else if(time < 18){
        //     alert("下午好");
        // } else{
        //     alert("晚上好");
        // }

        console.log("for 循环：");
        for(let i = 0; i < 5; i++){
            console.log(i);
        }

        console.log("while 循环：");
        let count = 0;
        while(count < 21){
            console.log(count);
            count += 5;
        }

        console.log("循环关键字");
        for(let i = 0; i < 7; i++){
            if(i == 2){
                console.log("跳过数字2");
                continue; // 跳过当前循环
            }
            if(i === 6){
                console.log("退出循环");
                break; // 退出循环
            }
        }
    </script>
</body>
</html>

知识点总结

  • JavaScript 中常见变量声明方式有 var、let 和 const。
  • 没有赋值的变量可能是 undefined。
  • null 表示空值。
  • 基础数据中常见的有数字和字符串。
  • 条件语句常见写法有 if、if...else、if...else if...else。
  • 循环语句常见写法有 for 和 while。
  • break 用于退出循环，continue 用于跳过当前循环。

复习表达

JavaScript 基本语法中，变量声明通常使用 var、let 和 const。其中 let 用于声明可变变量，const 用于声明常量。变量如果声明后未赋值，默认值通常是 undefined，而 null 表示空值。流程控制方面，常见的有 if 条件判断、for 和 while 循环，以及 break 和 continue 这类循环控制关键字。