点此查看所有教程、项目、源码导航本文目录1. 数据类型2. 数字类型3. 特殊的数字值NaN 和 Infinity4. 数字类型的功能5. 浮点数精度丢失问题6. 小结1. 数据类型我们的世界是需要分类的比如颜色分为红色、蓝色、黄色、绿色语言分为汉语、英语、法语、俄语性别分为男性、女性。分类能够让我们更好的理解事物管理事物。JS语言作为一种程序设计语言在运行过程中就是不断的处理各种数据。之前我们学习的变量变量存储的内容就是数据。为了方便处理、管理、应用数据JS语言对数据进行了分类。今天我们介绍下最简单的数据类型——数字类型。其他常用的编程语言例如C/C/Java/Python等也都对数据进行了分类。而且这些语言分类的方式差不多所以学习了JS语言的数据类型之后再学其他语言的数据类型会轻松很多会有一种理所当然的感觉。2. 数字类型顾名思义数据类型指的就是数字整数是数字、小数也是数字。在下面的例子中变量a/b/c存储的都是数字类型的数据。vara1;varb2.3;varc1000;再次提醒我们代码示例只写了JS部分。如果实际运行的话还是需要将JS代码放入script标签中运行的。3. 特殊的数字值NaN 和 InfinityJS 的数字类型里面还有两个很特殊的值它们同样属于 Number 类型。第一个是NaN全称 Not a Number意思是不是一个数字。一般出现在数学运算失败的时候比如把字符串强行去做数字计算。var res abc - 10; console.log(res); // 输出 NaN只要运算得不到合法数字结果就会变成 NaN。有一个重点NaN 和任何值都不相等包括它自己。第二个是Infinity代表无穷大。当数字计算结果超出 JS 能表示的最大范围或者除以 0 的时候就会得到无穷大。var inf 10 / 0; console.log(inf); // 输出 Infinity对应的还有-Infinity代表负无穷。4. 数字类型的功能既然数字单独成为一种类型肯定得有它的特点和功能否则没必要单独给它一个分类了。数字类型的基本特点就是可以用来计数。例如varappleNum100;//苹果的数量是100varstudentScore98;// 学生的分数是98varage24;//年龄是24岁大家注意我们变量的命名尽量的不要使用a/b/c这种而是要让它的名字具备一定的含义。就像电脑这个名字使用电的电脑很形象就像电动车使用电驱动的车子含义很清楚。所以我们的变量命名也得很明确另外还得注意尽量使用英文命名变量这样咱们的程序才是世界通用的。数字类型最常用的功能应该是进行加减乘除等数学运算了。如下scriptvarsum12;console.log(sum);//输出为3/script当执行var sum12;时首先计算两个数字1和2的和计算结果为3然后赋值给变量sum。然后我们通过console.log(sum);将sum的值输出到控制台。所以运行网页打开控制台效果如下注意console.log()的作用是将括号中的内容输出到控制台上。当括号中间是字面量时会直接将字面量输出到控制台。当括号中间是变量时会将变量的值输出到控制台。5. 浮点数精度丢失问题这里有一个 JS 新手非常容易踩的坑小数运算有可能结果不准。我们先看一段代码console.log(0.1 0.2);很多同学会以为输出 0.3实际控制台打印结果是0.30000000000000004。这就是常说的精度丢失。原因是计算机底层使用二进制存储小数0.1、0.2 这类十进制小数转成二进制是无限循环小数存储的时候只能截断保存就产生了微小误差。重点说明这个问题不是 JS 独有的很多语言都存在。在做金额、精密计算的时候不能直接用小数加减后面我们会专门讲解决方案。6. 小结我们的程序很多时候就是处理数据的所以数字类型会经常使用到。JS 的 Number 类型统一包含整数、浮点数还有 NaN、Infinity 这些特殊值同时要记住小数运算存在精度丢失这个经典坑。