疯狂的技术宅

以前出于工作目的,编写和翻译了大量的技术文章,以前端为主,删掉了过时的、毫无营养的内容,留下的都是精华。


  • 首页

  • 分类

  • 标签

  • 归档

  • 关于本站

  • 回到主站

  • 搜索

奇怪的 Javascript

时间: 2020-04-16 分类: 前端技术   字数: 908 字 阅读: 2分钟
标签: #JavaScript#
  • 本文译自:http://www.jomendez.com/2020/04/13/javascript-weird/
  • 译者:疯狂的技术宅

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 语言的奇怪的知识,请分享。 😉

标签: #JavaScript#

标题:奇怪的 Javascript

链接:https://fe-tech.viewnode.com/post/202004/18/

作者:疯狂的技术宅

声明: 本博客文章除特别声明外,均采用 CC BY-NC-ND 4.0 国际许可协议( 知识共享署名-非商业性使用-禁止演绎 4.0),转载请注明出处!

简简单单在 JavaScript 中克隆对象
与 JavaScript 模块相关的所有知识点
  • 文章目录
  • 站点概览
疯狂的技术宅

疯狂的技术宅

退休程序员,硬件发烧友,人工智能爱好者。写写代码喝喝茶,晒晒太阳带带娃。

457 日志
8 分类
583 标签
GitHub
友情链接
  • viewnode
  • mofish
标签云
  • Javascript 172
  • Node.Js 62
  • Vue 36
  • Typescript 28
  • 实战项目 28
  • 面试 21
  • React 20
  • Css 17
  • 面试题 16
  • 教程 13
  • Promise 12
  • Chrome 9
  • Debug 9
  • 调试 9
  • 资源 9
  • Deno 8
  • Dom 8
  • 杂谈 8
  • 正则表达式 8
  • 测试 8
  • 数字分隔符
  • 一些奇怪的类型。
  • 函数
  • 重置数组
© 2018 - 2022 疯狂的技术宅 All Rights Reserved
Powered by - Hugo v0.99.0 / Theme by - NexT
Storage by 俺的服务器 / 冀ICP备2022010157号
0%