前言
亲爱的代码小巫师们!上节课我们点亮了布尔值这个"真假开关",今天将获得真正的魔法决策权✨!通过if/else
这根魔法杖,你的程序将能根据不同情况做出选择——就像在岔路口选择方向一样重要!
回顾昨天学的
上节课我们掌握了:
布尔值只有
true
(真)和false
(假)两种状态用比较运算符生成布尔值(如
age >= 18
)实际应用:检测密码是否正确
今天学什么
今天我们要挥舞决策魔法杖:
if
基础咒语 → 当条件成立时执行代码else
备用方案 → 当条件不成立时执行else if
多重选择 → 处理多种可能情况
今天要学的内容
🧙 第一部分:if 基础咒语 - 单条件决策
想象你在决定是否带伞:
let isRaining = true; // 布尔值开关
// if 咒语结构
if (isRaining) {
console.log("带伞出门!"); // 只有当isRaining为true时执行
}
🔍 逐行解析:
if
:决策咒语起始词(isRaining)
:圆括号内放布尔条件(必须为true/false){ }
:花括号包裹要执行的代码块("当条件成立时做这些事")
⚠️ 常见错误:
// 错误1:漏掉花括号(仅能控制一行代码)
if (isRaining)
console.log("带伞"); // 这行受控制
console.log("穿雨鞋"); // 这行永远执行!危险!
// 错误2:条件后误加分号
if (isRaining); { // 分号导致条件失效
console.log("带伞"); // 永远执行
}
🌂 第二部分:else 备用方案 - 二选一
扩展带伞例子,增加晴天行为:
if (isRaining) {
console.log("带伞出门!");
} else {
console.log("戴太阳帽~"); // isRaining为false时执行
}
🧩 流程图解:
┌─────────────┐
│ isRaining │
└──────┬──────┘
│
true ┌───┴───┐ false
▼ ▼
[带伞] [戴太阳帽]
💡 生活案例:登录反馈
let isPasswordCorrect = false;
if (isPasswordCorrect) {
console.log("登录成功!");
} else {
console.log("密码错误,请重试"); // 实际密码错误时显示
}
🎭 第三部分:else if 多重选择 - 处理复杂情况
当有多个条件需要判断时:
let time = 14; // 下午2点
if (time < 12) {
console.log("上午好");
} else if (time < 18) { // 12-18点之间
console.log("下午好");
} else {
console.log("晚上好");
}
📌 执行规则:
从上到下检查条件
遇到第一个满足的条件就执行对应代码块
后续条件不再检查
🚦 交通灯模拟器:
let light = "yellow"; // 黄灯
if (light === "red") {
console.log("停下!");
} else if (light === "yellow") {
console.log("准备停或通过"); // 将执行这里
} else if (light === "green") {
console.log("通行");
} else {
console.log("故障灯!");
}
💻 综合练习:考试成绩评级系统
let score = 88; // 学生分数
if (score >= 90) {
console.log("A:优秀!");
} else if (score >= 80) {
console.log("B:良好"); // 88分将执行这里
} else if (score >= 70) {
console.log("C:中等");
} else if (score >= 60) {
console.log("D:及格");
} else {
console.log("E:加油复习!");
}
🧠 逻辑解析:
检查
score>=90
→ 88<90 → 跳过检查
score>=80
→ 88>=80 → 满足条件!输出"B:良好"并终止后续判断
明天学什么
第八课将升级决策能力:
学习逻辑运算符:
&&
(且)、||
(或)、!
(非)组合多个条件判断
设计智能门票验证系统
成长秘诀
"每一个if/else都是程序在思考,清晰的逻辑链是智慧代码的脊梁"
评论