前言

    前段时间在调vue页面时，遇到一些问题比较有意思，想和大家分享一下。

正文

    Java Script中的数据类型分为6种，两类：简单数据类型和复杂数据类型，简单数据类型包括 Number、Undefined、Null、Boolean 和String，复杂数据类型是Object。

数据类型介绍

一、Number

    Number数据类型指的是数字，包括整型和浮点型。
    示例

var x = 314;  //十进制整
var y = 070;  //八进制，56
var z = 0xA;  //十六进制，10
var w = 3.14; //浮点型（数值中必须包含一个小数点,并且小数点后面至少有一位数字）

    NaN (Not a Number)表示非数值数据，属于Number 类型，常用于一个本来要返回数值的操作数未返回数值；
特点1：任何涉及NaN的操作都会返回NaN;
特点2：NaN与任何值都不相等，包括NaN本身；

二、String 类型

    String类型用于表示由零或多个16位Unicode字符组成的字符序列，即字符串。字符串可以由双引号(“)或单引号(‘)表示。
    示例

var test ="小猪佩奇"；
var test = null;
var test = undefined;

三、Boolean 类型

    Boolean 类型有两个值，true 和 false。
    注意：true 不一定等于1，false 不一定等于0；

四、Null类型

    Null类型是一个只有一个值的数据类型，即特殊的值null。代表一个空对象引用。
我们在定义一个变量时常初始化为null,当检查null 值的时候就知道是否已经为该变量赋过值了。
    示例

var test = null;
if(test != null){
   alter("test对象已存在");
}

五、Undefined 类型

    Undefined类型只有一个值，即特殊的undefined。在使用var声明变量，但没有对其初始化时，这个变量的值就是undefined。
    示例

var test;  

六、Object 类型

    js中对象是一组属性与方法的集合。我们看到的大多数类型值都是Object类型的实例。
    示例

//1、使用new操作符创建示例
var student = new Object();
student.name = 'tracy';
student.age = 18;
//2、使用对象字面量表示法
var student = {
   name: 'tracy',
   age:18
};

    关于NaN，我遇到的坑

1、问题再现


2、排查问题

3、分析
    比率显示NaN 是因为操作的两个数，数据类型不一致，当时是把整型和浮点型数据做了运算。
    同时第二个NaN 也验证了‘任何与NaN进行操作的数都会返回NaN’这一特点。

总结

    感谢您的阅读，希望对您有所帮助！