JavaScript 的代码块

1. 代码块

使用 {} 来创建代码块，代码块可以用来对代码进行分组，同一个代码中的代码，就是同一组代码，一个代码块中的代码要么都执行要么都不执行。

let 和 var

• 在 JS 中，使用 let 声明的变量具有块作用域
• 在代码块总声明的变量无法在代码块的外部访问
• 使用 var 声明的变量，不具有块作用域

{
    var a = 10
}
console.log(a)

2. 条件语句

条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句。

2.1 if 语句

语法：

• if(条件表达式)
  • 语句

执行流程：

• if语句在执行会先对 if 后的条件表达式进行求值判断
• 如果结果为 true，则执行 if 后的语句
• 如果为 false 则不执行

if语句只会控制紧随其后其后的那一段代码，如果希望可以控制多行代码，可以使用 {} 将语句扩起来。

let a = 10
if(a == 10){
    alert('a的值是10')
}

2.2 if...else 语句

语法：

• if(条件表达式){
  • 语句...
• }else{
  • 语句...
• }

执行流程：

• if-else 执行时，先对条件表达式进行求值判断
• 如果为true，则执行 if 后的语句
• 如果为false，则执行 else 后的语句

let age = 70
if(age >= 60){
    alert('你已经退休了！')
}else{
    alert('你还没有退休！')
}

2.3 if...else if...else 语句

语法：

• if(条件表达式){
  • 语句...
• }else if(条件表达式){
  • 语句...
• }else if(条件表达式){
  • 语句...
• }else

执行流程：

• if-else if-else语句，会自上向下依次对 if 后的条件表达式进行求值判断
• 如果条件表达式为 true，则执行当前 if 后的语句，执行完毕语句结束
• 如果条件表达式为 false，则继续向下判断，直到找到 true 为止
• 如果所有的条件表达式都是 false，则执行 else 后的语句

age = 18
if(age >= 18 && age < 30){
    alert('你已经成年了！')
}else if(age >= 30 && age < 60){
    alert('你已经步入中年了！')
}else if(age >= 60){
    alert('你已经退休了！')
}