JavaScript 快速入门:糟糕的比较
来源:dev.to
时间:2024-12-05 22:48:58 186浏览 收藏
来到golang学习网的大家,相信都是编程学习爱好者,希望在这里学习文章相关编程知识。下面本篇文章就来带大家聊聊《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学习网公众号下多多回复交流;文中若有不正之处,也希望回复留言以告知!
-
502 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
325 收藏
-
405 收藏
-
413 收藏
-
293 收藏
-
356 收藏
-
119 收藏
-
182 收藏
-
288 收藏
-
120 收藏
-
392 收藏
-
321 收藏
-
2. CSS 样式使用 ::after 伪元素来在图片上叠加文字:
.im" class="aBlack">CSS图片上叠加文字的实现方法,主要通过使用伪元素(如 ::after)来在图片上方添加内容。以下是详细步骤和示例代码:1. HTML 结构假设你有一个包含图片的容器,结构如下:2. CSS 样式使用 ::after 伪元素来在图片上叠加文字: .im