js基础中Null、undefined、NaN、false、0、{}的理解及使用

朴灿烈づ我的快乐病毒、 2021-07-26 23:54 513阅读 0赞

### **数据类型：** ###

**值类型(基本类型)**：字符串（String）、数字(Number)、布尔(Boolean)、**对空（Null）、未定义（Undefined）、Symbol。**

**引用数据类型**：对象(Object)、数组(Array)、函数(Function)。

> JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。

> **注：**Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。

### 简单理解： ###

**null值**表示一个空对象指针。如果**定义的变量准备用来保存对象**，那么最好将该变量初始化为null而不是其他值。这样一来，只要直接检查null值就可以知道相应的变量是否已经保存了一个对象的引用。

**undefined** **表示一个未声明的变量，或已声明但没有赋值的变量，或一个并不存在的对象属性**。

**NaN**是一个Number类型的的特殊值，表示“非数字”（Not a Number）。**NaN是JavaScript之中唯一不等于自身的值**，不等于任何值，包括它本身。NaN在布尔运算时被当作false，**NaN与任何数（包括它自己）的运算，得到的都是NaN**。**当运算失败或者运算无法返回正确的数值时，就会返回NaN。**

> **isNaN()**会将括号内的参数利用Number()进行一次转换，故对于字符串、部分对象、部分数组、undefined等，isNaN()会返回true

### typeof()函数 ###

typeof()函数返回的是字符串，有六种可能："number"、"string"、"boolean"、"object"、"function"、"undefined";

不足：**typeof()函数不能区分对象、数组、正则，对它们操作都返回"object"**，正则在Safar5,Chrome7之前的版本中返回"function"；

ES6新增：Symbol（ES6新增）=> "symbol"

>  *  console.log(typeof(a)); //typeof(undefined) 为 undefined
>  *  console.log(typeof(b)); //typeof(null) 为 object
>  *  console.log(typeof(c)); //typeof(NaN) 为 number

### 运算使用 ###

>  *  在IF条件运算中undefined、null、NaN、false、0、""、false都是相对等于（==）false的，\{\}和\[\]是true；
>  *  其中  "undefined==null" 和 "0==false"、" '  '==false" 的关系运算结果都是true

let a;
       let b=null;
       let c=NaN;
       let d=0;
       let e={};
       let f="";
    
        console.log(typeof(a));  //typeof(undefined) 为 undefined
        console.log(typeof(b));  //typeof(null) 为 object
        console.log(typeof(c));  //typeof(NaN) 为 number
        console.log(typeof(f));  //typeof(NaN) 为 number
    
        function testBoolean(data){
           if(data){
               console.log(data+" is true");
           }else {
               console.log(data+" is false!");
           }
        }
    
        testBoolean(a);   //undefined的布尔运算值是false
        testBoolean(b);   //null的布尔运算值是false
        testBoolean(c);   //NaN的布尔运算值是false
        testBoolean(d);   //0的布尔运算值是false
        testBoolean(e);   //空对象的布尔运算值是true
        testBoolean(f);   //空字符串的布尔运算值是false
        console.log('--------------------');
    
        console.log(undefined==null);  //true,因为undefined是null派生出来的
        console.log(undefined===null);  //false,因为值相同类型不同
        console.log('--------------------');
        console.log(false==null);  //false
        console.log(false==undefined);  //false
        console.log(0==null);  //false
        console.log(0==undefined);  //false
        console.log(""==null);  //false
        console.log(""==undefined);  //false
        console.log(null==0);  //false
        console.log('--------------------');
        console.log(""==0);  //true
        console.log(false==0);  //true

**注意：**如下null和undefined在关系运算中，-在某种意义上，null就是空的意思，undefined就是未定义，两者既不是false也不是true，所以出现null==false以及null==true，你会发现返回的结果都是false，  
\-但是如果用他们两者作为判断条件的话，在判断条件中他们可以当做false来作为if语句的判断

console.log(undefined==true);  //false
        console.log(undefined==false); //false
        console.log(null==true);  //false
        console.log(null==false); //false

判断是否为null的方法有：

//方法一
    var exp =null; 
    if (!exp && typeof(exp)!="undefined" && exp!=0) //代表逻辑false，非undefined类型，非false、""
    { 
        alert("is null"); 
    }　
    
    //方法二
    if (exp===null) //绝对相等
    { 
        alert("is null 2"); 
    }

**检验空对象或者空数组：**

JSON.stringify(obj) === '{}';
     
    JSON.stringify(obj) === '[]'

参考网址：NaN的理解 [https://www.jianshu.com/p/747d7ee493fc][https_www.jianshu.com_p_747d7ee493fc]

[https_www.jianshu.com_p_747d7ee493fc]: https://www.jianshu.com/p/747d7ee493fc