JavaScript 中 Infinity 的奇异世界

开发 前端
Infinity 的初始值是 Number.POSITIVE_INFINITY。Infinity(正无穷大)大于任何值。在数学上,这个值的行为与无穷大相同。

JavaScript 中的 Infinity 是一个可以应用于任何变量的数值,表示无穷大。下面就来看看 Infinity 是如何工作的,以及使用时的注意事项。

1. Infinity 概念

Infinity 是全局对象的一个属性,即它是一个全局变量:

console.log(window.Infinity); // Infinity
console.log(window.Infinity > 100); // true
console.log(window.Infinity < 100); // false

Infinity 的初始值是 Number.POSITIVE_INFINITY。Infinity(正无穷大)大于任何值。在数学上,这个值的行为与无穷大相同。例如,任何正数乘以Infinity等于Infinity,任何数字除以Infinity等于 0。在 ECMAScript 5 的规范中, Infinity 是只读的,即不可写、不可枚举或不可配置。

数字 Infinity 是 JavaScript 中的一个特殊值,它的值约为 1.79e+308 或 2¹⁰²⁴——JavaScript 中可以存储为数字类型的最大值。

let bigNumber = 1e308,
biggerNumber = 1e309;

console.log(bigNumber); // 1e+308
console.log(biggerNumber); // Infinity

根据规范,Infinity 表示所有大于 1.7976931348623157e+308 的值:

let largeNumber = 1.7976931348623157e+308,
largerNumber = 1.7976931348623157e+309;

console.log(largeNumber); // 1.7976931348623157e+308
console.log(largerNumber); // Infinity

我们可以在浏览器的控制台输入9,当输入308位时,结果还是1e+308,当输入309位时,就会打印出 Infinity:

所有浏览器都是支持 Infinity 的:

2. Infinity 正负

Infinity 是有正负之分的,Infinity表示无穷大,-Infinity表示无穷小。超出 1.797693134862315E+308 的数值即为 Infinity,小于 -1.797693134862316E+308 的数值为无穷小。

console.log(1.7976931348623157e+309); // Infinity
console.log(-1.7976931348623157e+309); // -Infinity

可以通过以下方式来得到 Infinity:

console.log(Infinity)                 // Infinity
console.log(Number.POSITIVE_INFINITY) // Infinity
console.log(Math.pow(2,1024)) // Infinity
console.log(1.8e+308) // Infinity
console.log(1/0) // Infinity

可以通过以下方式来得到 -Infinity:

console.log(-Infinity)                 // -Infinity
console.log(Number.NEGATIVE_INFINITY) // -Infinity
console.log(-1*Math.pow(2,1024)) // -Infinity
console.log(-1.8e+308) // -Infinity
console.log(1/-0) // -Infinity

将正数除以 Infinity 会得到 0;Infinity 除以 Infinity 会得到 NaN;正数除以 -Infinity 或负数除以 Infinity 得到 -0:

console.log(1/Infinity) // 0
console.log(Infinity/Infinity) // NaN
console.log(1/-Infinity) // -0

3. Infinity 计算

Infinity 的行为基本上类似于数学上的无穷大,加、减或乘以它仍然是 Infinity:

console.log(Infinity + 3) // Infinity
console.log(Infinity - 3) // Infinity
console.log(Infinity * 3) // Infinity
console.log(Infinity / 3) // Infinity

console.log(Math.pow(Infinity, 2)) // Infinity

console.log(Infinity + Infinity) // Infinity
console.log(Infinity - Infinity) // NaN
console.log(Infinity * Infinity) // NaN
console.log(Infinity / Infinity) // NaN

对于 JavaScript 中所有的数字,即使是强大的 Infinity,使用 NaN 执行数学运算都得到 NaN:

console.log(Infinity + NaN) // NaN
console.log(Infinity - NaN) // NaN
console.log(Infinity * NaN) // NaN
console.log(Infinity / NaN) // NaN

console.log(Math.pow(Infinity, NaN)) // NaN

4. Infinity 和 BigInt

在 JavaScript 中,对于任意大的整数值,有 BigInt 原始类型。但是,BigInt 不能很好地与 Infinity 配合使用,因为 Infinity 是 JavaScript 原始类型 number,不能与 BigInt 混合使用。

try{console.log(37/0)} catch(e) {console.log(e)} // Infinity

// BigInts 用数字后面的 n 表示:
try{console.log(37n/0)} catch(e) {console.log(e)} // TypeError: "can't convert BigInt to number"
try{console.log(37/0n)} catch(e) {console.log(e)} // TypeError: "can't convert BigInt to number"
try{console.log(37n/0n)} catch(e) {console.log(e)} // RangeError: "BigInt division by zero"

// 可以将 BigInts 转换为 Numbers:
try{console.log(Infinity+37n)} catch(e) {console.log(e)} // TypeError: "can't convert BigInt to number"
try{console.log(Infinity+Number(37n))} catch(e) {console.log(e)} // Infinity

// 可能不需要BigInts,因为它可以是任意大小,并且 JavaScript 中的最大安全整数只有 16 位长:
console.log(Number.MAX_SAFE_INTEGER) // 9007199254740991

5. Infinity 检查

可以通过使用 == 或 === 将值与 Infinity 进行比较来检查 Infinity:

console.log(Infinity == 1/0) // true
console.log(Infinity === 1/0) // true

// ==将强制字符串转换为数字,但===不会:
console.log(Infinity == "Infinity") // true
console.log(Infinity === "Infinity") // false

// 使用除法运算符将在比较之前强制执行强制转换:
console.log(Infinity == "1"/"0") // true
console.log(Infinity === "1"/"0") // true

// 当强制转换后值为NaN时:
console.log(Infinity == "1/0") // false
console.log(Infinity === "1/0") // false

当然,在处理 Infinity 时,ES6 中的 Object.is() 与 === 运算符的工作方式相同:

console.log(Object.is(Infinity, 1/0)) // true
console.log(Infinity === 1/0) // true
console.log(Infinity == 1/0) // true

console.log(Object.is(Infinity, "Infinity")) // false
console.log(Infinity === "Infinity") // false
console.log(Infinity == "Infinity") // true

可以使用辅助函数 Number.isFinite() 检查值是否为有限数(不是 Infinity、-Infinity 或 NaN)。还有一个全局 isFinite() 函数,它会执行强制类型转化,也就是它会先尝试将值转换为数字类型,然后再检查它是否为有限数。

console.log(isFinite(45)); // true
console.log(isFinite(-45)); // true
console.log(isFinite('45')); // true
console.log(isFinite('-75')); // true
console.log(isFinite(Infinity)); // false
console.log(isFinite(1.7976931348623157e+308)); // true
console.log(isFinite(1.7976931348623157e+309)); // false

6. 注意事项

(1)max() 和 min()

如果没有传入值,Math.max()(返回传入值中的最大值)将返回 -Infinity,Math.min()(返回传入值中的最小值)将返回Infinity。

console.log(Math.max()); // -Infinity
console.log(Math.min()); // Infinity

(2)Infinity 作为默认值

由于 Infinity 大于所有数字,因此它在检查数组中的最小数字的函数中可能很有用:

function findMinimum(numbers) {
let min = Infinity;
for (const n of numbers) {
if (n < min) {
min = n
};
}
return min;
}

console.log(findMinimum([20, 6, 90])); // 6

因为 Infinity 大于所有数字,所以除非数组中的所有数字都超过 Infinity 阈值,否则结果不会有任何问题。

(3)转换为 JSON 时

在处理 JSON 数据时,如果使用 JSON.stringify() 将 JavaScript 对象转换为有效的 JSON 字符串,Infinity将会被转化为null:

let myJSON = {
value1: 6,
value2: 'Example',
value3: Infinity,
value4: -Infinity,
value5: 1.7976931348623157e+309
};

console.log(JSON.stringify(myJSON, null, 2));

打印结果如下:

{
"value1": 6,
"value2": "Example",
"value3": null,
"value4": null,
"value5": null
}

(4)parseFloat() 和 parseInt()

parseFloat() 用来解析一个字符串,并返回一个浮点数。parseInt() 用来解析一个字符串,并返回一个整数。parseFloat() 可以正确解析Infinity, 而 parseInt() 无法识别 Infinity :

https://back-media.51cto.com/editor?id=705365/h6e90be6-cI8PYBfQ
责任编辑:武晓燕 来源: 前端充电宝
相关推荐

2014-07-15 09:36:55

机器学习

2014-07-04 10:05:57

机器学习

2011-03-22 10:31:57

Java

2021-08-21 14:54:40

AMD开源项目Infinity Hu

2014-01-03 09:13:39

JavaScriptthis

2013-05-08 10:36:07

JavaScriptJS详解JavaScrip

2009-07-06 17:21:36

.NET中的多态

2021-05-27 07:54:21

Math.max()-Infinity参数

2010-02-01 10:30:13

Python世界

2018-05-22 08:41:48

2021-09-30 22:52:30

人工智能机器人技术

2021-09-29 23:05:32

人工智能机器人技术

2022-11-21 14:33:53

大数据数据存储机器学习

2017-02-08 10:54:38

JavaScriptVR世界

2020-08-30 16:30:49

JavaScriptString Pad开发

2015-07-23 11:59:27

JavascriptPromise

2020-06-18 09:16:20

JavaScript缓存API

2022-12-29 08:54:53

依赖注入JavaScript

2021-10-21 18:47:37

JavaScript面向对象
点赞
收藏

51CTO技术栈公众号