奇怪的 Javascript

作者：Jomendez

翻译：疯狂的技术宅

原文：http://www.jomendez.com/2020/...

未经允许严禁转载

我的意思是，对于刚开始使用这种语言和他语言（例如 C++ 或 C#）的开发人员来说，javascript 可能会很奇怪。

某些语言可能会让你大吃一惊??

在本文中，我们将看到 5 个例子，并让你能够在几分钟的时间内读完。

数字分隔符

以下面的代码为例：

const number1 = 2_0_0_0;
const number2 = 6_0_0_0;

console.log(number1 + number2);

你认为结果将是什么？

你可以把代码复制粘贴到浏览器的控制台上，也可以自己在 Codepen 上执行。

结果是 8000，但是为什么呢？

下划线（_）是数字形式文字的数字分隔符。它用于对数字进行分组，这样可以使长数字更易于阅读，例如：

1234567

1_234_567 <-- 所以用分隔符更具有可读性。

在这篇文章中可以得到更多信息（https://2ality.com/2018/02/nu...）。

一些奇怪的类型。

另一个例子是当你运行代码 typeof null 时：

typeof null;
// result object

这会使你错误地认为 null 是对象（但并不是，它是原始值）。

在这种情况下，这不仅是一件奇怪的事情，而且是语言中的一个无法纠正的错误，因为它会破坏代码的其他部分。

这篇文章（https://2ality.com/2013/10/ty...）对其进行了更深入的解释。

另外还有...

 typeof NaN;
 // result number.

NaN 很奇怪—— “not a number”？另一方面，NaN 不等于其自身。

console.log(NaN === NaN);
//evaluates false.

函数

在 javascript 中，函数可以自行调用其自身 IIFE（立即调用函数表达式），因此你可以在同一条语句上进行声明和执行。

(function() { console.log('hello'); })();
//display 'hello'

据我所知，这种规则仅存在于 javascript中。它非常有用，可用于避免从块内部悬挂变量，防止污染全局环境，并同时允许公有访问方法，同时保留在函数中定义的变量的私密性。

你可以在这篇文章中了解更多信息（https://blog.mgechev.com/2012...）

重置数组

最后，重置数组的最奇怪的方法是，可以将 length 属性设置为 0：arr.length = 0;。

const arr = [1,2,3,4,5,6];
console.log(arr);
// displays [1, 2, 3, 4, 5, 6]

arr.length = 0;
console.log(arr);
// displays []

希望你喜欢它，如果你知道其他特定于 javascript 语言的奇怪的知识，请在评论中分享。 ?

---

本文首发微信公众号：前端先锋

欢迎扫描二维码关注公众号，每天都给你推送新鲜的前端技术文章

欢迎继续阅读本专栏其它高赞文章：

• 深入理解Shadow DOM v1
• 一步步教你用 WebVR 实现虚拟现实游戏
• 13个帮你提高开发效率的现代CSS框架
• 快速上手BootstrapVue
• JavaScript引擎是如何工作的？从调用栈到Promise你需要知道的一切
• WebSocket实战：在 Node 和 React 之间进行实时通信
• 关于 Git 的 20 个面试题
• 深入解析 Node.js 的 console.log
• Node.js 究竟是什么？
• 30分钟用Node.js构建一个API服务器
• Javascript的对象拷贝
• 程序员30岁前月薪达不到30K，该何去何从
• 14个最好的 JavaScript 数据可视化库
• 8 个给前端的顶级 VS Code 扩展插件
• Node.js 多线程完全指南
• 把HTML转成PDF的4个方案及实现

---

• 更多文章...