JavaScript 中的奇怪事情

javascript 中的奇怪事情

你好,开发者。 ?

javascript 的灵活性使其在 web 开发中很受欢迎,但它也导致了类型强制的怪癖。由于自动类型转换,相等运算符 (==) 和算术运算可能会出现意外行为。理解这些行为对于编写可靠的代码至关重要。本文探讨了 javascript 类型强制的示例,揭示了简单的表达式如何产生令人惊讶的结果。

1. [ ] 等于 ![ ]

数组等于而不是数组:

[] == ![]; // -> true+[] == +![]; // -> true

相等运算符将两边都转换为数字来比较,两边都因为不同的原因变成了数字o。

[] == ![]; // -> 0 == 0 -> true

2. true 不等于![ ],但也不等于[ ]

数组不等于 true,但非数组也不等于 true,数组等于 false,非数组也等于 false:

true == []; // -> falsetrue == ![]; // -> falsefalse == []; // -> truefalse == ![]; // -> true

相等运算符将两边都转换为数字,所以我们有 1 和 o 数:

true == ![]; // -> falsenumber(true); // -> 1number([]); // -> 01 == 0; // -> false

3.真即假

!! "false" ==!! "true"; // -> true!! "false" === !! "true"; // -> true/* true is 'truthy' and represented by value 1 (number), 'true' in string form is nan. */true == "true"; // -> falsefalse == "false"; // -> false/* 'false' is not the empty string, so it's a truthy value */!! "false"; // -> true!! "true"; // -> true

4. 比较 null 和 0

null == 0; // -> falsenull > 0; // -> falsenull >= 0; // -> true

相等运算符将 null 转换为 o 数。所以 null == 0 和 null > o 是 false。

但是 null >= o 呢? null 有一个特殊的规则,它不等于其他任何东西。

5. 对象到原语

{} + []; // -> 0{} + {}; // -> nan[] + {}; // -> "[object object]"

加号运算符 (+) 尝试将对象转换为基元。当两边都是对象时,javascript 使用 tostring 或 valueof 方法:

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

{} 被视为代码块并返回 0.[] 转换为空字符串,{} 转换为“[object object]”。组合 [] + {} 得到字符串“[object object]”。

6. 奇怪的布尔行为

new boolean(false) == true; // -> truenew boolean(false) == false; // -> false

使用带有布尔值的 new 关键字创建一个始终为真的对象:

new boolean(false) 是一个对象,javascript 中对象是 true。与 true 比较时,计算结果为 true,与 false 比较时,计算结果为 false。

7. 双重 nan 技巧

nan == nan; // -> falsenan === nan; // -> falsenumber.isnan(nan); // -> truenumber.isnan("nan"); // -> false

nan(非数字)是 javascript 中的唯一值:

nan 永远不等于它自己。使用 number.isnan() 检查一个值是否为 nan。

8. 使用字符串进行类型强制转换

"2" + 2; // -> "22""2" - 2; // -> 0"2" * 2; // -> 4"2" / 2; // -> 1

加号运算符(+)连接字符串,而其他运算符(-、*、/)将字符串转换为数字:

由于串联,“2”+ 2 结果为字符串“22”。“2” – 2、“2” * 2 和“2” / 2 将字符串“2”转换为数字 2 进行算术运算。

掌握 javascript 类型强制的怪癖是编写可靠代码的关键。通过了解 javascript 如何转换类型,我们可以避免常见的陷阱并有效地利用其灵活性。这些见解增强了我们的编码技能并帮助我们构建更高效的 web 应用程序。

黑客快乐?

以上就是JavaScript 中的奇怪事情的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1490230.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
CSS-in-JS 样式的顶级工具
上一篇 2025年12月19日 13:02:11
了解干净的代码:为什么它很重要 ⚡
下一篇 2025年12月19日 13:02:22

相关推荐

  • windows怎么开启ahci模式 windows bios开启ahci模式教程

    windows怎么开启ahci模式 windows bios开启ahci模式教程windows怎么开启ahci模式 windows bios开启ahci模式教程windows怎么开启ahci模式 windows bios开启ahci模式教程windows怎么开启ahci模式 windows bios开启ahci模式教程

    首先修改注册表启用AHCI驱动,导航至msahci和iaStorV项将Start值改为0;随后进入BIOS将SATA模式从IDE更改为AHCI;若无法进系统,可通过Windows安装U盘在命令提示符中加载注册表并配置启动项,确保系统能正常识别AHCI模式,避免蓝屏或启动失败。 如果您在安装或重装Wi…

    2026年9月28日 • 用户投稿
    100
  • 如何使用SQL语句在MySQL中进行数据权限和用户管理?

    如何使用SQL语句在MySQL中进行数据权限和用户管理?如何使用SQL语句在MySQL中进行数据权限和用户管理?如何使用SQL语句在MySQL中进行数据权限和用户管理?如何使用SQL语句在MySQL中进行数据权限和用户管理?

    如何使用SQL语句在MySQL中进行数据权限和用户管理? 引言:数据权限和用户管理是数据库管理中非常重要的环节。在MySQL数据库中,通过SQL语句可以方便地进行数据权限的控制和用户管理。本文将详细介绍如何使用SQL语句在MySQL中进行数据库权限和用户管理。 一、数据权限管理 创建用户并授权在My…

    2026年9月28日 • 用户投稿
    000
  • 怎么用豆包AI帮我优化Flutter渲染 让AI提升移动端性能的5个方案

    怎么用豆包AI帮我优化Flutter渲染 让AI提升移动端性能的5个方案怎么用豆包AI帮我优化Flutter渲染 让AI提升移动端性能的5个方案怎么用豆包AI帮我优化Flutter渲染 让AI提升移动端性能的5个方案怎么用豆包AI帮我优化Flutter渲染 让AI提升移动端性能的5个方案

    豆包ai能有效优化flutter应用的渲染性能,具体方法包括:1. 分析渲染瓶颈,识别冗余构建、过度嵌套和不必要的setstate,并建议拆分复杂widget、使用const关键字及避免在build中做耗时操作;2. 生成高效代码片段,如优化图片加载逻辑,提升内存管理和复用效率;3. 优化状态管理逻…

    2026年9月28日 • 用户投稿
    000
  • Java并发编程:掌握Future、线程安全与原子操作

    Java并发编程:掌握Future、线程安全与原子操作Java并发编程:掌握Future、线程安全与原子操作Java并发编程:掌握Future、线程安全与原子操作Java并发编程:掌握Future、线程安全与原子操作

    本教程深入探讨在Java并发编程中,如何避免将Future对象错误地用于存储可变数据,并详细指导如何正确地管理ExecutorService生命周期以及利用AtomicIntegerArray等并发工具实现线程安全的共享数组元素更新,确保数据一致性。 1. 理解Future的本质与误用 在java并…

    2026年9月28日 • 用户投稿
    000
  • es文件浏览器音乐播放器怎么用 es文件浏览器内置音乐播放器使用指南

    es文件浏览器音乐播放器怎么用 es文件浏览器内置音乐播放器使用指南es文件浏览器音乐播放器怎么用 es文件浏览器内置音乐播放器使用指南es文件浏览器音乐播放器怎么用 es文件浏览器内置音乐播放器使用指南es文件浏览器音乐播放器怎么用 es文件浏览器内置音乐播放器使用指南

    首先需进入“本地”→“内部存储”→“Music”文件夹触发播放功能,随后可借助“媒体”库浏览音乐;通过创建专属文件夹管理播放列表,并在设置中关闭后台限制以确保播放流畅。 如果您在使用ES文件浏览器时希望直接播放设备中的音乐文件,但不清楚如何操作其内置的音乐播放功能,可能会遇到入口不明显或功能隐藏较深…

    2026年9月28日 • 用户投稿
    300
  • sublime怎么查找替换_Sublime Text文件内查找与替换功能详解

    sublime怎么查找替换_Sublime Text文件内查找与替换功能详解sublime怎么查找替换_Sublime Text文件内查找与替换功能详解sublime怎么查找替换_Sublime Text文件内查找与替换功能详解sublime怎么查找替换_Sublime Text文件内查找与替换功能详解

    掌握Sublime Text查找替换功能可大幅提升编辑效率。使用Ctrl+F/Cmd+F查找,Ctrl+H/Cmd+Option+F替换,支持区分大小写、全词匹配和正则表达式;启用正则模式可处理复杂文本,如用(d+)匹配数字并用$1引用;结合Alt+F3多光标编辑与实时预览,实现精准批量修改。 Su…

    2026年9月28日 • 用户投稿
    100
  • 苹果16promax有什么升级

    苹果16promax有什么升级苹果16promax有什么升级苹果16promax有什么升级苹果16promax有什么升级

    苹果 16 Pro Max 主要针对以下方面升级:性能提升:搭载 A16 Bionic 芯片,提升 40% 性能,降低 20% 功耗。相机增强:4800 万像素主摄像头,2 倍光学变焦长焦镜头,光像引擎和计算摄影增强。屏幕升级:始终显示屏,2000 尼特亮度,ProMotion 自适应刷新率。电池续…

    2026年9月28日 • 用户投稿
    100
  • linux管道命令怎么打

    linux管道命令怎么打linux管道命令怎么打linux管道命令怎么打linux管道命令怎么打

    管道命令在 Linux 中通过管道符(|)创建,使一个命令的输出成为另一个命令的输入。例如,ls | grep .txt 将列出以 .txt 结尾的文件。管道中的多个命令可将输出作为后续命令的输入,例如,ls | grep .txt | wc -l 统计以 .txt 结尾的文件数量。管道可传递选项,…

    2026年9月28日 • 用户投稿
    000
  • 浙江抖音小程序开发哪个靠谱

    浙江抖音小程序开发哪个靠谱浙江抖音小程序开发哪个靠谱浙江抖音小程序开发哪个靠谱浙江抖音小程序开发哪个靠谱

    在浙江寻找可靠的抖音小程序开发服务商时,选择一个专业且经验丰富的团队至关重要。小编重点推荐有赞新零售,作为国内领先的新零售技术服务商,其强大的技术实力和成熟的运营体系,成为众多企业数字化升级的首选合作伙伴。 有赞新零售专注于为商家提供全方位的数字化解决方案,涵盖CRM客户管理、智能营销、导购协同等核…

    2026年9月28日 • 用户投稿
    000
  • 百度智能云 Qianfan-VL 系列模型重磅开源!全尺寸领域增强效果优异,全自研芯片计算!

    百度智能云 Qianfan-VL 系列模型重磅开源!全尺寸领域增强效果优异,全自研芯片计算!百度智能云 Qianfan-VL 系列模型重磅开源!全尺寸领域增强效果优异,全自研芯片计算!百度智能云 Qianfan-VL 系列模型重磅开源!全尺寸领域增强效果优异,全自研芯片计算!百度智能云 Qianfan-VL 系列模型重磅开源!全尺寸领域增强效果优异,全自研芯片计算!

    今天,百度智能云千帆正式推出全新视觉理解模型——qianfan-vl,并全面开源!该系列模型包含3b、8b和70b三个尺寸版本,是面向企业级多模态应用场景,进行了深度优化的视觉理解大模型。即日起至10月10日,用户可在百度智能云千帆平台免费体验8b、70b模型。qianfan-vl不仅具备出色的基础…

    2026年9月28日 • 用户投稿
    100
  • 360极速浏览器同步失败怎么办_360极速浏览器书签数据同步异常解决方法

    360极速浏览器同步失败怎么办_360极速浏览器书签数据同步异常解决方法360极速浏览器同步失败怎么办_360极速浏览器书签数据同步异常解决方法360极速浏览器同步失败怎么办_360极速浏览器书签数据同步异常解决方法360极速浏览器同步失败怎么办_360极速浏览器书签数据同步异常解决方法

    首先检查网络与账号登录状态,确保已成功登录360账号;接着在设置中开启同步功能并手动触发同步;若问题未解决,使用“浏览器医生”工具一键修复同步服务异常;仍无法同步时,可清除本地同步数据并重新初始化;最后尝试更新或重装最新版浏览器以排除兼容性问题。 如果您在使用360极速浏览器时,发现书签、历史记录或…

    2026年9月28日 • 用户投稿
    200
  • Movie Maker使用入门教程

    Movie Maker使用入门教程Movie Maker使用入门教程Movie Maker使用入门教程Movie Maker使用入门教程

    日常使用中,视频编辑工具常因兼容性问题或安全警告让人感到麻烦。本期将介绍如何获取并使用电脑自带的视频剪辑软件movie maker中文版,并提供基础操作教程,助你轻松完成视频创作,无需安装第三方复杂程序,简单高效又省心。 1、 打开百度,搜索“电脑自带视频剪辑软件”或“movie maker”,在搜…

    2026年9月28日 • 用户投稿
    000
  • Redmi K80 Pro 渲染图曝光:模组由方变圆 设计简洁

    Redmi K80 Pro 渲染图曝光:模组由方变圆 设计简洁Redmi K80 Pro 渲染图曝光:模组由方变圆 设计简洁Redmi K80 Pro 渲染图曝光:模组由方变圆 设计简洁Redmi K80 Pro 渲染图曝光:模组由方变圆 设计简洁

    8 月 19 日,有博主根据网上的爆料,自己绘制了两张 redmi k80 pro 的渲染图。无论哪一张渲染图都表明,redmi k80 pro 外观设计与上代大不相同,摄像头模组已由上代的方形改为了圆形。fenyeredmi k80 pro 渲染图 该博主根据 @数码闲聊站 的消息,绘制了两张 R…

    2026年9月28日 • 用户投稿
    000
  • 如何使用SQL语句在MySQL中进行数据备份和恢复?

    如何使用SQL语句在MySQL中进行数据备份和恢复?如何使用SQL语句在MySQL中进行数据备份和恢复?如何使用SQL语句在MySQL中进行数据备份和恢复?如何使用SQL语句在MySQL中进行数据备份和恢复?

    如何使用SQL语句在MySQL中进行数据备份和恢复? 在数据库中,数据备份和恢复是非常重要的操作,可以保证数据的安全性并且在遇到意外情况时能够迅速恢复数据。MySQL是一个非常常用的关系型数据库,它提供了多种方式来进行数据备份和恢复,其中一种方式就是使用SQL语句。本文将介绍如何使用SQL语句在My…

    2026年9月28日 • 用户投稿
    100
  • 龙魂旅人后期还需练鸦鸦吗 后期训练分析​

    龙魂旅人后期还需练鸦鸦吗 后期训练分析​龙魂旅人后期还需练鸦鸦吗 后期训练分析​龙魂旅人后期还需练鸦鸦吗 后期训练分析​龙魂旅人后期还需练鸦鸦吗 后期训练分析​

    龙魂旅人后期是否值得培养鸦鸦?答案是肯定的。鸦鸦在游戏后期依然具备极高的战略价值,其技能设计独具优势,团队定位关键,能有效应对高难度内容,是许多玩家冲榜与通关不可或缺的核心角色。以下是详细解析,助你全面了解鸦鸦的后期潜力。 1、技能机制出色,持续输出能力强。普攻可叠加伤痕状态,提升自身暴击率,针对高…

    2026年9月28日 • 用户投稿
    000
  • sublime怎么比较两个文件的差异_Sublime Text文件内容对比插件使用方法

    sublime怎么比较两个文件的差异_Sublime Text文件内容对比插件使用方法sublime怎么比较两个文件的差异_Sublime Text文件内容对比插件使用方法sublime怎么比较两个文件的差异_Sublime Text文件内容对比插件使用方法sublime怎么比较两个文件的差异_Sublime Text文件内容对比插件使用方法

    安装Compare Side-By-Side插件可实现文件对比,打开两个文件后右键选择“Compare Files”即可高亮显示差异,支持并排查看与同步滚动,提升代码比对效率。 Sublime Text 本身不带文件对比功能,但通过安装插件可以轻松实现两个文件的差异比较。最常用的是 Diff 和 A…

    2026年9月28日 • 用户投稿
    000
  • win8剪贴板在哪里打开_Win8剪贴板使用方法

    win8剪贴板在哪里打开_Win8剪贴板使用方法win8剪贴板在哪里打开_Win8剪贴板使用方法win8剪贴板在哪里打开_Win8剪贴板使用方法win8剪贴板在哪里打开_Win8剪贴板使用方法

    Windows 8无内置剪贴板历史,可通过快捷键Ctrl+C/V进行复制粘贴操作;需查看历史记录则建议升级至Windows 10或使用第三方工具如Ditto实现多内容管理与快速调用。 如果您在使用Windows 8系统时需要查看或管理已复制的内容,但发现系统没有内置的剪贴板历史记录功能,则可以通过以…

    2026年9月28日 • 用户投稿
    000
  • PHP连接MySQL数据库方法

    PHP连接MySQL数据库方法PHP连接MySQL数据库方法PHP连接MySQL数据库方法PHP连接MySQL数据库方法

    php是一种被广泛用于web开发的脚本语言,而mysql则是一个流行的开源关系型数据库系统。将二者结合,可以高效、灵活地搭建动态网站。下面我们将学习如何通过php连接数据库,掌握这一核心技能,为后续的开发工作奠定基础。 1、 在Web服务器的根目录下新建一个PHP文件,例如命名为testMysql.…

    2026年9月28日 • 用户投稿
    000
  • Java封装如何保护对象内部状态

    封装通过私有化字段并提供公共方法控制访问,确保对象状态安全。首先将字段声明为private,防止外部直接访问,增强数据安全性;接着通过getter和setter方法在读写时加入验证逻辑,如检查年龄范围、防止可变对象引用泄露(返回副本或不可修改视图);构造器中同样需校验参数,保证对象初始状态合法;最终…

    2026年9月28日
    100
  • 并发编程中Future对象使用不当及解决方案

    并发编程中Future对象使用不当及解决方案并发编程中Future对象使用不当及解决方案并发编程中Future对象使用不当及解决方案并发编程中Future对象使用不当及解决方案

    本文针对Java并发编程中常见的set<int, Future> is not applicable to arguments (int,int)错误,深入剖析了其产生的原因,即试图将整型值直接赋值给存储Future对象的集合。文章将详细阐述Future对象的特性,并提供正确的解决方案,…

    2026年9月28日 • 用户投稿
    000

发表回复

登录后才能评论
关注微信