专栏首页京程一灯奇怪的 Javascript

奇怪的 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/

本文分享自微信公众号 - 前端先锋(jingchengyideng),作者:疯狂的技术宅

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-04-16

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript 中的 NaN

    另外还有 2 个特殊的数字值:Infinity(比其他任何数字都大的数字)和 NaN(表示“Not A Number”概念):

    疯狂的技术宅
  • 一些知名网站的 404 页面

    疯狂的技术宅
  • TypeScript 中的顶级类型:any 和 unknown

    在 TypeScript中,any 和 unknown 是包含所有值的类型。在本文中,我们将会研究它们是怎样工作的。

    疯狂的技术宅
  • 认知IO流之 — FileDescriptor

    FileDescriptor 顾名思义是文件描述符,FileDescriptor 可以被用来表示开放文件、开放套接字等。比如用 FileDescriptor 表...

    cxuan
  • 给uglify配置drop_console来避免IE8及以下版本console未定义

    如果开发的时候习惯性用console.log来协助定位问题,就需要发布工具来规避忘了删console导致IE报错。

    libo1106
  • PHP无锁内存nosql---Yac的实战

      最近在工作使用了yac,所以比较了下Memcache和Yac的高并发读写性能测试,发现Yac要比Memcache快很多(这里没有比较Yac和Apc的性能情况...

    sunsky
  • console有趣的用法

    1.修改控制台输出内容样式 2.重写控制台输出格式(追加出错日期) 3.以表格的形式显示控制台输出内容 4.如何统计一个函数在程序中被调用的总次数 5....

    酷走天涯
  • 10个爽翻天的console调试技巧

    为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。

    Jean
  • 嘘,这里可能有你不知道的console小技巧

    以上四种方法虽然都可以打印,但给予你的视觉冲击是不一样的(info应该会有一个小图标,不过谷歌不支持),这样非常有助于你快速找到相应的信息。

    用户1272076
  • 【译】超越console.log() —当debug时你需要使用的8个console方法

    你debug时或许没有使用过的超越console.log()的console方法!

    腾讯IVWEB团队

扫码关注云+社区

领取腾讯云代金券