奇怪的 Javascript

每日前端夜话第314篇

翻译：疯狂的技术宅

作者：Jomendez

来源：jomendez.com

正文共：1041 字

预计阅读时间：5分钟

javascript is weird

我的意思是，对于刚开始使用这种语言和他语言（例如 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/numeric-separators.html）。

一些奇怪的类型。

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

typeof null;
// result object

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

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

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

另外还有…

 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/08/29/self-invoking-functions-in-javascript-or-immediately-invoked-function-expression/）

重置数组

最后，重置数组的最奇怪的方法是，可以将 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 语言的奇怪的知识，请分享。?

原文链接

http://www.jomendez.com/2020/04/13/javascript-weird/