MDN学习区JavaScript条件语句实践指南-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00474/article/details/148464555

MDN学习区JavaScript条件语句实践指南

learning-area GitHub repo for the MDN Learning Area. 项目地址: https://gitcode.com/gh_mirrors/le/learning-area

前言

条件语句是编程中最基础也是最重要的概念之一，它允许程序根据不同的条件执行不同的代码块。本文将深入解析MDN学习区中关于JavaScript条件语句的实践任务，帮助初学者掌握条件判断的核心用法。

任务一：基础条件判断

任务目标

创建一个基本的if...else语句结构，判断当前季节并输出相应信息。

关键知识点

if...else语句的基本语法
严格相等运算符===的使用
多条件判断时else if的用法

实现要点

let season = "summer";
let response;

if (season === "summer") {
  response = "现在是夏季，天气应该很暖和，享受阳光吧！";
} else if (season === "winter") {
  response = "希望你不会太冷，记得多穿点保暖衣物！";
} else {
  response = "不确定你所在地区的季节，希望你一切都好。";
}

扩展思考

可以尝试添加更多季节判断（如spring、autumn）
考虑使用switch语句实现相同功能，比较两种方式的优缺点

任务二：复杂条件判断

任务目标

实现一个包含嵌套条件和多范围判断的评分系统。

关键知识点

逻辑运算符&&(与)和||(或)的使用
数值范围比较技巧
嵌套条件语句的结构

实现要点

let response;
let score = 75;
let machineActive = false;

if (machineActive) {
  if (score < 0 || score > 100) {
    response = "分数异常，可能出现了错误。";
  } else if (score >= 0 && score < 20) {
    response = "分数太低了，完全不及格！";
  } else if (score >= 20 && score < 40) {
    response = "你掌握了一些知识，但分数仍然不理想，需要改进。";
  } else if (score >= 40 && score < 70) {
    response = "表现尚可，还不错！";
  } else if (score >= 70 && score < 90) {
    response = "分数很高，你真的掌握得很好！";
  } else {
    response = "惊人的分数！你是认真的吗？";
  }
} else {
  response = "机器未启动，请先启动机器再处理分数。";
}

最佳实践建议

范围判断时，确保各范围之间没有重叠
考虑将分数范围定义为常量，提高代码可读性
可以添加默认的else处理未覆盖的情况

任务三：三元运算符应用

任务目标

结合if语句和三元运算符实现登录状态判断。

关键知识点

三元运算符的简洁语法
条件语句与变量赋值的结合
多级条件判断的代码组织

实现要点

let machineActive = true;
let pwd = "cheese";

let machineResult;
let pwdResult;

if (machineActive) {
  machineResult = "机器已激活，正在尝试登录...";
  pwdResult = pwd === "cheese" 
    ? "登录成功。" 
    : "密码错误，登录失败。";
} else {
  machineResult = "机器未激活，请先激活机器再尝试登录。";
}