-
我们的
js代码都是顺序执行的（从上到下） -
逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码
IF 条件分支结构（重点）
if 语句
-
通过一个
if语句来决定代码是否执行 -
语法：
if (条件) { 要执行的代码 } -
通过
()里面的条件是否成立来决定{}里面的代码是否执行// 条件为 true 的时候执行 {} 里面的代码
if (true) {
alert('因为条件是 true，我会执行')
}
// 条件为 false 的时候不执行 {} 里面的代码
if (false) {
alert('因为条件是 false，我不会执行')
}
if else 语句
-
通过
if条件来决定，执行哪一个{}里面的代码 -
语法：
if (条件) { 条件为 true 的时候执行 } else { 条件为 false 的时候执行 } -
两个
{}内的代码一定有一个会执行// 条件为 true 的时候，会执行 if 后面的 {}
if (true) {
alert('因为条件是 true，我会执行')
} else {
alert('因为条件是 true，我不会执行')
}
// 条件为 false 的时候，会执行 else 后面的 {}
if (false) {
alert('因为条件为 false，我不会执行')
} else {
alert('因为条件为 false，我会执行')
}
if else if ... 语句
-
可以通过
if和else if来设置多个条件进行判断 -
语法：
if (条件1) { 条件1为 true 的时候执行 } else if (条件2) { 条件2为 true 的时候执行 } -
会从头开始依次判断条件
-
如果第一个条件为
true了，那么就会执行后面的{}里面的内容 -
如果第一个条件为
false，那么就会判断第二个条件，依次类推
-
-
多个
{}，只会有一个被执行，一旦有一个条件为true了，后面的就不在判断了// 第一个条件为 true，第二个条件为 false，最终会打印 “我是代码段1”
if (true) {
alert('我是代码段1')
} else if (false) {
alert('我是代码段2')
}
// 第一个条件为 true，第二个条件为 true，最终会打印 “我是代码段1”
// 因为只要前面有一个条件满足了，就不会继续判断了
if (true) {
alert('我是代码段1')
} else if (true) {
alert('我是代码段2')
}
// 第一个条件为 false，第二个条件为 true，最终会打印 “我是代码段2”
// 只有前一个条件为 false 的时候才会继续向后判断
if (false) {
alert('我是代码段1')
} else if (true) {
alert('我是代码段2')
}
// 第一个条件为 false，第二个条件为 false，最终什么也不会发生
// 因为当所有条件都为 false 的时候，两个 {} 里面的代码都不会执行
if (false) {
alert('我是代码段1')
} else if (false) {
alert('我是代码段2')
}
if else if … else 语句
-
和之前的
if else if ...基本一致，只不过是在所有条件都不满足的时候，执行最后else后面的{}// 第一个条件为 false，第二个条件为 false，最终会打印 “我是代码段3”
// 只有前面所有的条件都不满足的时候会执行 else 后面的 {} 里面的代码
// 只要前面有一个条件满足了，那么后面的就都不会执行了
if (false) {
alert('我是代码段1')
} else if (false) {
alert('我是代码段2')
} else {
alert('我是代码段3')
}