JS 中有趣的事实

本文揭示了JavaScript中鲜为人知的特性,如NaN属于number类型但不等于自身,null被视为对象,0.1+0.2不等于0.3等。还介绍了函数自执行、sort()函数的自动类型转换及数组和对象的奇特运算。

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

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

NaN 是一个 number 类型

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

 
  1. > typeof(NaN)

  2. "number"

  3.  

  4. > NaN === NaN

  5. false

null 是一个对象

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

 
  1. > typeof(null)

  2. "object"

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

 
  1. > null instanceof Object

  2. false

undefined 可以被定义

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

 
  1. > var some_var;

  2. undefined

  3. > some_var == undefined

  4. true

  5. > undefined = 'i am undefined'

0.1 + 0.2 不等于 to 0.3

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

 
  1. > 0.1 + 0.2

  2. 0.30000000000000004

  3. > 0.1 + 0.2 == 0.3

  4. false

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

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

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

 
  1. > Math.max()

  2. -Infinity

  3. > Math.min()

  4. Infinity

018 - 045 = -19

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

 
  1. > 018 - 045

  2. -19

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

函数可以自执行

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

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

  2. I am self executing

括号的位置问题

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

  2.  

  3. > function foo() {

  4. return

  5. {

  6. foo: 'bar'

  7. }

  8. }

  9. > foo();

  10. undefined

  11.  

  12. > function foo() {

  13. return {

  14. foo: 'bar'

  15. }

  16. }

  17. > foo();

  18. {foo: "bar"}

没有整数数据类型

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

sort() 函数自动类型转换

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

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

  2. (4) [1, 10, 20, 5]

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

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

  2. (4) [1, 10, 20, 5]

数组和对象的和

 
  1. > !+[]+!![]+!![]+!![]+!![]+!![]+!![]+!![]+!![]

  2. 9

  3. > {} + []

  4. 0

  5. > [] + {}

  6. "[object Object]"

  7. > [] + []

  8. ""

  9. > {} + {}

  10. "[object Object][object Object]"

  11. > {} + [] == [] + {}

  12. true

 

https://mp.weixin.qq.com/s/RSnsLUc87P1xQRWAc6sBgQ

原文

https://dev.to/shafikshaon/interesting-facts-in-javascript-22nk

转载于:https://my.oschina.net/u/3371661/blog/3077589

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值