在 TypeScript 中，数字类型是一种基础数据类型，用于表示数值，包括整数和浮点数。数字类型在前端开发中扮演着非常重要的角色，因此深入了解数字类型的知识，对于提高前端开发的能力和效率非常有帮助。
数字类型的定义
在 TypeScript 中，数字类型用 number 关键字来表示。例如：
--- ---- ------ - ---
在上述代码中，我们定义了一个变量 num，它的类型为 number，并赋初始值为 10。这意味着变量 num 只能存储数字类型的值。
整数和浮点数
数字类型可以是整数和浮点数。整数是没有小数部分的数值，浮点数包含小数部分。
整数
在 TypeScript 中，整数可以表示为十进制、二进制、八进制或十六进制数。
十进制数
十进制数是最常用的数字表示法，因为它们在生活中使用得最多。十进制数由数字 0 到 9 组成。
--- -------- ------ - --
在上述代码中，我们定义了一个变量 decimal，它的类型为 number，并赋初始值为 6。这是一个十进制数。
二进制数
二进制数由 0 和 1 组成。在 TypeScript 中，可以用 0b 或 0B 前缀来表示二进制数。
--- ------- ------ - -------
在上述代码中，我们定义了一个变量 binary，它的类型为 number，并赋初始值为 0b0010。这是一个二进制数，等于十进制数的 2。
八进制数
八进制数由数字 0 到 7 组成。在 TypeScript 中，可以用 0o 或 0O 前缀来表示八进制数。
--- ------ ------ - -----
在上述代码中，我们定义了一个变量 octal，它的类型为 number，并赋初始值为 0o10。这是一个八进制数，等于十进制数的 8。
十六进制数
十六进制数由数字 0 到 9 和字母 A 到 F（大小写均可）组成。在 TypeScript 中，可以用 0x 或 0X 前缀来表示十六进制数。
--- ------------ ------ - -----
在上述代码中，我们定义了一个变量 hexadecimal，它的类型为 number，并赋初始值为 0x1F。这是一个十六进制数，等于十进制数的 31。
浮点数
浮点数是带有小数部分的数字。在 TypeScript 中，浮点数可以用小数点表示，也可以使用科学计数法表示。
--- ------- ------ - ----- --- ------- ------ - ------- -- --- ---- - --- - ---
在上述代码中，我们定义了两个变量 float1 和 float2，它们的类型为 number，并分别赋了两种不同的浮点数初值。
数字类型的运算
数字类型支持常见的算术运算，例如加法、减法、乘法和除法。此外，还有模运算、幂运算和自增/自减运算。
--- -- ------ - -- --- -- ------ - -- --- ---- ------ - - - -- -- -- --- ----------- ------ - - - -- -- -- --- -------- ------ - - - -- -- -- --- --------- ------ - - - -- -- -- --- ---------- ------ - - - -- -- --- --- ------ ------ - - -- -- -- --- --- ---------- ------ - ---- -- ---- --- ---------- ------ - ---- -- ----
在上述代码中，我们定义了两个变量 a 和 b，它们的类型为 number，并分别赋了初值。然后，我们进行了各种算术运算，并将运算结果存储在变量中。
数字类型的限制
在 TypeScript 中，number 类型的变量有一定的限制。例如：
number类型的变量不能为null或undefined。number类型的变量不能存储包含非数字字符的字符串。
--- ---- ------ - ----- -- -- --- ---- ------ - -------- --- ----- ------ - ----- -- ----------- --- ---------
在上述代码中，我们试图将一个 null 赋值给一个 number 类型的变量，这是不合法的。另外，我们将一个包含非数字字符的字符串转换为数字类型，并存储在一个 number 类型的变量中，这个转换会失败，导致变量的值是 NaN。
数字类型的范围
在 TypeScript 中，number 类型的变量表示的数值范围与 JavaScript 中的 number 类型相同。它们都是基于 IEEE 754 标准的浮点数实现。因此，number 类型的变量可以表示的最大和最小数值是有限制的。
最大值和最小值可以用 Number.MAX_VALUE 和 Number.MIN_VALUE 来获取。
------------------------------ -- ----------------------- ------------------------------ -- ------
在上述代码中，我们使用 console.log 函数输出了 Number.MAX_VALUE 和 Number.MIN_VALUE 的值。
总结
本文介绍了 TypeScript 中的数字类型，包括整数和浮点数。我们学习了数字类型的定义、整数和浮点数的表示方法、算术运算、限制和范围等方面的内容。通过深入学习数字类型，我们可以更好地应用数字类型来解决实际的编程问题，提高我们的前端开发能力和效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6469e959968c7c53b09b12d7