1. 首页
  2. 前端进阶
  3. JavaScript

JavaScript 中有趣的事实

使用 JS 有很多有趣的地方。尽管工程师们每天都在与之打交道,但仍有一些语言没有被开发出来。本广将介绍一些你可能想不到的JS特性。

NaN 是一个 number 类型

NaN是一个 number 类型。 而且,NaN 不等于它自己。 实际上NaN不等于任何东西,验证一个变量是否是 NaN 可以使用 isNaN() 方法来判断。


> typeof(NaN) "number" > NaN === NaN false

null 是一个对象

null是一个对象。 听起来奇怪! 对? 但这是事实。


> typeof(null) "object"

在这种情况下,null表示没有值。因此,null不应该是Object的实例。


> null instanceof Object false

undefined 可以被定义

undefined不是 JS 中的保留关键字, 你可以为其指定值也不会报错,如果声明一个变量没有赋值,默认为 undefined


> var some_var; undefined > some_var == undefined true > undefined = 'i am undefined'

0.1 + 0.2 不等于 to 0.3

在JavaScript中,0.1 +0.2 == 0.3返回false。 事实是,javascript 将浮点数存储为二进制。


> 0.1 + 0.2 0.30000000000000004 > 0.1 + 0.2 == 0.3 false

Math.max() 比 Math.min() 小

Math.max() > Math.min()返回false的事实看起来是错误的,但实际上它是正确的。

如果没有参数传给min()max(),那么它将返回以下值。



> Math.max() -Infinity > Math.min() Infinity

018 – 045 = -19

在JavaScript中,前缀0会把任何数字转换成八进制。但是,八进制中不使用8,任何包含8的数字都将被无声地转换为常规的十进制数字。


> 018 - 045 -19

因此,018-017实际上等于十进制表达式18-37,因为045是八进制,但018是十进制。

函数可以自执行

只需创建一个函数,并在调用其他函数时立即调用它,并使用 () 语法


> (function() { console.log('I am self executing'); })(); I am self executing

括号的位置问题

`return` 语句后面没有东西的时候它什么都不返回。 实际上,JS 后面 `return` 添加一个 `;`。

> function foo() {
   return
   {
      foo: 'bar'
   }
}
> foo();
undefined

> function foo() {
   return {
      foo: 'bar'
   }
}
> foo();
{foo: "bar"}



没有整数数据类型

在 JS 中,没有int(整数)数据类型。 所有数字均为 Number 类型。 实际上它将int数的浮点值存储在内存上。

sort() 函数自动类型转换

sort() 函数自动将值转换为字符串,这就会导致奇怪的事情发生。


> [1,5,20,10].sort() (4) [1, 10, 20, 5]

但是,它可以通过比较来解决:


> [1,5,20,10].sort(function(a, b){return a - b}); (4) [1, 10, 20, 5]

数组和对象的和


> !+[]+!![]+!![]+!![]+!![]+!![]+!![]+!![]+!![] 9 > {} + [] 0 > [] + {} "[object Object]" > [] + [] "" > {} + {} "[object Object][object Object]" > {} + [] == [] + {} true

作者:前端小智
链接:https://segmentfault.com/a/1190000019824332

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「IT平头哥联盟」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界

本文著作权归作者所有,如若转载,请注明出处

转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com

标题:JavaScript 中有趣的事实

链接:https://www.javascriptc.com/3520.html

« 深入理解JavaScript系列(13)- This? Yes, this!
请问useEffect Hook 是如何执行的,你懂了没?»
Flutter 中文教程资源

相关推荐

QR code