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