0

0

JavaScript 中的逻辑运算符误用与时间边界处理详解

碧海醫心

碧海醫心

发布时间:2026-01-20 09:26:22

|

582人浏览过

|

来源于php中文网

原创

JavaScript 中的逻辑运算符误用与时间边界处理详解

本文讲解如何正确实现多条件问候语逻辑,重点解决因 `||` 运算符误用和时间边界判断错误(如忽略 `time >= 24` 或负值)导致的断言失败问题。

在 JavaScript 初学阶段,逻辑表达式书写不严谨极易引发隐蔽 Bug。你遇到的 AssertionError: expected 'buenos dias' to equal null 正是典型例子——当传入类似 sayHello('Mexico', 30) 时,代码本应返回 null,却错误返回了 'buenos dias'。根本原因有两个:

? 1. 错误的逻辑或(||)写法

原代码中:

else if (country === 'Spain' || 'Mexico' || 'France' && time > 24)

这行实际等价于:

else if ((country === 'Spain') || ('Mexico') || ('France' && time > 24))

由于非空字符串 'Mexico' 和 'France' 在布尔上下文中恒为 true,整个条件永远为真!这意味着只要 time > 24 不成立(比如 time = 30),该分支根本不会执行;而更严重的是,前六条 else if 分支对 time >= 24 的情况没有覆盖——例如 time = 30 时,所有 time < 12 和 time < 24 条件均不满足,流程直接跳到函数末尾,greeting 保持 undefined,但题目要求此时必须显式赋值为 null。

立即学习Java免费学习笔记(深入)”;

✅ 正确写法必须对每个比较单独写出变量:

Amazon Nova
Amazon Nova

亚马逊云科技(AWS)推出的一系列生成式AI基础模型

下载
(country === 'Spain' || country === 'Mexico' || country === 'France')

⏱️ 2. 时间有效性边界定义不完整

题目明确说明:

"If time is any other value, greeting should always be null""remembering that 24 is an invalid time"

即有效时间为 [0, 24) —— 包含 0,不包含 24;同时负数也非法。因此无效时间是:

time < 0 || time >= 24

而非仅 time > 24。

✅ 完整修正方案(含防御性兜底)

function sayHello(country, time) {
    let greeting = null; // 初始化为 null,避免 undefined

    if (country === 'Spain' || country === 'Mexico') {
        if (time >= 0 && time < 12) {
            greeting = 'buenos dias';
        } else if (time >= 12 && time < 24) {
            greeting = 'buenas noches';
        }
    } else if (country === 'France') {
        if (time >= 0 && time < 12) {
            greeting = 'bon matin';
        } else if (time >= 12 && time < 24) {
            greeting = 'bon soir';
        }
    }
    // 其他国家或 time 超出 [0, 24) 范围 → greeting 保持 null

    return greeting;
}

? 优化说明:

  • 使用嵌套 if 提升可读性,避免冗长 else if 链;
  • 显式写出 time >= 0 && time < 12,语义清晰且覆盖全部有效区间;
  • 初始化 greeting = null,确保所有未匹配路径都返回 null(符合题目“always be null”要求);
  • 删除冗余分支,逻辑更健壮。

? 关键注意事项

  • JavaScript 中 || 和 && 的操作数是表达式,不是“标签”,'Mexico' 永远为真;
  • 时间判断务必使用闭区间+开区间思维:[0, 12) 是上午,[12, 24) 是傍晚,其余均为非法;
  • 测试用例 sayHello('Mexico', 30)、sayHello('Mexico', -5) 必须返回 null,这是通过率从 9/10 提升到 10/10 的关键。

掌握这两点,不仅能通过当前测试,更能帮你避开未来大量逻辑陷阱。编程进阶,始于对基础运算符的敬畏与精确使用。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

254

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

1110

2024.03.01

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1570

2023.10.24

Go语言中的运算符有哪些
Go语言中的运算符有哪些

Go语言中的运算符有:1、加法运算符;2、减法运算符;3、乘法运算符;4、除法运算符;5、取余运算符;6、比较运算符;7、位运算符;8、按位与运算符;9、按位或运算符;10、按位异或运算符等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

241

2024.02.23

php三元运算符用法
php三元运算符用法

本专题整合了php三元运算符相关教程,阅读专题下面的文章了解更多详细内容。

170

2025.10.17

if什么意思
if什么意思

if的意思是“如果”的条件。它是一个用于引导条件语句的关键词,用于根据特定条件的真假情况来执行不同的代码块。本专题提供if什么意思的相关文章,供大家免费阅读。

847

2023.08.22

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

761

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

221

2023.09.04

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

49

2026.03.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 6.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号