当前位置:首页 > 文章列表 > 文章 > 前端 > JavaScript 快速入门:糟糕的比较

JavaScript 快速入门:糟糕的比较

来源:dev.to 2024-12-05 22:48:58 0浏览 收藏

来到golang学习网的大家,相信都是编程学习爱好者,希望在这里学习文章相关编程知识。下面本篇文章就来带大家聊聊《JavaScript 快速入门:糟糕的比较》,介绍一下,希望对大家的知识积累有所帮助,助力实战开发!

JavaScript 快速入门:糟糕的比较

小虫子可能会从意想不到的地方爬进来。错误的值可能会使您的条件逻辑以意想不到的方式失败。让我们快速看一下严重不平等带来的令人头痛的问题。

基础知识

这些功能并不相同。它们大部分相同,但有一个非常具体的区别。你看到了吗?

const one = (a) => a > 10;
const two = (a) => !(a <= 10);

每当我们使用 undefined 或 nan 执行不等式检查时,结果都是 false。如果我们不明确检查边缘情况,两次“等效”检查可能会返回不同的答案。

它是如何发生的

if (!(value <= 10)) {
  // ...

如果您遇到该代码,您可能会毫不犹豫地将其更改为 if (a > 10) { 。

  • 更短了。
  • 更容易阅读。
  • 对于所有正常值它们是相同的。

为什么这很重要

但是我们并不总能得到正常值。这可能是对您的代码的重大更改。这可能会导致非常难以排除缺陷。这个简单的代码中没有任何内容表明我们可能会遇到“坏”值,因此您可能会完全错过它。

类型安全也无法解决这个问题,因为 nan 是一个数字......它只是一个

结论

如果您在代码中遇到这样的奇怪情况,请问问自己,如果您更改错误值,会发生什么情况。希望您的代码可以防止您获得错误的值并执行错误的数学运算,但对这些更改采取一点防御措施可以为您未来的自己省去很多麻烦。

在这种情况下,通常最好对错误值进行显式检查。这些可以向其他开发人员清楚地传达可能的输入和预期结果。

if (Number.isNaN(value) || value > 10) {
  // ...

今天关于《JavaScript 快速入门:糟糕的比较》的内容介绍就到此结束,如果有什么疑问或者建议,可以在golang学习网公众号下多多回复交流;文中若有不正之处,也希望回复留言以告知!

版本声明
本文转载于:dev.to 如有侵犯,请联系study_golang@163.com删除
如何让文本绕过图片? 
如何让文本绕过图片?
上一篇
如何让文本绕过图片?
长城笔记本电脑评测:性价比与性能的完美平衡
下一篇
长城笔记本电脑评测:性价比与性能的完美平衡
查看更多
最新文章
2. CSS 样式使用 ::after 伪元素来在图片上叠加文字: .im">
文章 · 前端   |  29分钟前  |  
图片
2. CSS 样式使用 ::after 伪元素来在图片上叠加文字: .im">CSS图片上叠加文字的实现方法,主要通过使用伪元素(如 ::after)来在图片上方添加内容。以下是详细步骤和示例代码:1. HTML 结构假设你有一个包含图片的容器,结构如下:
图片
2. CSS 样式使用 ::after 伪元素来在图片上叠加文字: .im
318浏览 收藏
  • 域名解析到静态HTML页面步骤如下:注册域名选择一个域名注册商(如阿里云、腾讯云、GoDaddy等),注册你想要的域名。购买服务器或托管服务如果你没有自己的服务器,可以选择云主机、虚拟主机或静态网站托管服务(如Netlify、Vercel、GitHubPages等)。上传静态HTML文件将你的HTML文件上传到服务器或托管平台。如果是使用GitHubPages,可以将文件推送到GitHub仓库。配
    文章 · 前端   |  29分钟前  |  
    域名解析到静态HTML页面步骤如下:注册域名选择一个域名注册商(如阿里云、腾讯云、GoDaddy等),注册你想要的域名。购买服务器或托管服务如果你没有自己的服务器,可以选择云主机、虚拟主机或静态网站托管服务(如Netlify、Vercel、GitHubPages等)。上传静态HTML文件将你的HTML文件上传到服务器或托管平台。如果是使用GitHubPages,可以将文件推送到GitHub仓库。配
    265浏览 收藏
  • Node.js运行HTML方法及实战教程
    文章 · 前端   |  30分钟前  |   html
    Node.js运行HTML方法及实战教程
    445浏览 收藏
  • JavaScript单元测试技巧与验证方法
    文章 · 前端   |  34分钟前  |  
    JavaScript单元测试技巧与验证方法
    477浏览 收藏
  • PyCharmHTML回车缩进问题解决方法
    文章 · 前端   |  38分钟前  |  
    PyCharmHTML回车缩进问题解决方法
    435浏览 收藏
  • React实现课程教授级联选择框教程
    文章 · 前端   |  41分钟前  |  
    React实现课程教授级联选择框教程
    315浏览 收藏
  • CSS定位与文档流怎么影响布局
    文章 · 前端   |  45分钟前  |  
    CSS定位与文档流怎么影响布局
    275浏览 收藏
  • 查看更多
    课程推荐
    查看更多
    AI推荐
    查看更多
    相关文章
    微信登录更方便
    • 密码登录
    • 注册账号
    登录即同意 用户协议隐私政策
    返回登录
    • 重置密码