乐趣区

JS-中有趣的事实

为了保证的可读性,本文采用意译而非直译。

想阅读更多优质文章请猛戳 GitHub 博客, 一年百来篇优质文章等着你!

使用 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

交流

干货系列文章汇总如下,觉得不错点个 Star,欢迎 加群 互相学习。

https://github.com/qq44924588…

我是小智,公众号「大迁世界」作者,对前端技术保持学习爱好者。我会经常分享自己所学所看的干货,在进阶的路上,共勉!

关注公众号,后台回复 福利,即可看到福利,你懂的。

退出移动版