前端JS基础知识复习笔记（7）---数据类型检测+数据比较

基本数据类型：number string boolean null undefined symbol BigInt
引用数据类型：object（普通对象、数组对象、正则对象、日期对象…） function
/*
* JS中的数据类型检测：
* + tyepof [value] 检测数据类型的运算符
* + [example] instanceof [class] 检测某一个实例是否属于这个类
* + [example].constructor===[class] 检测实例和类关系的，从而检测数据类型
* + Object.prototype.toString.call([value]) 检测数据类型
*
* typeof的细节点：
* + typeof 检测的结果首先是一个字符串，字符串中包含了对应的数据类型（例如：“number”、
“string”、“boolean”、“undefined”、“object”、“function”、“symbol”、“bigint”）
* + 特殊的检测结果：
* + NaN / Infinity 都是数字类型的，检测出来的结果是 “number”
* + typeof null 的结果是 “object”（这个是浏览器的BUG：所有的值在计算中都已二进制编码存储，浏览器中把前三位是000的当做对象，而null的二进制前三位就是000，所以被识别为对象，但是它不是对象，它是空对象指针，是基本类型值）
* + typeof 普通对象/数组对象/正则对象… 结果都是"object"，这样就无法基于typeof区分是普通对象还是数组对象等了

=>百度和腾讯的面试题
// console.log(typeof []); //=>“object”
// console.log(typeof typeof typeof []); //=>“string” 由于typeof返回的结果永远是一个字符串（字符串中包含了对应的类型），所以连续出现两个及两个以上typeof检测的时候，最后结果都是 “string”

已知有一个变量x，但是我们无法确认其数据类型，我们需要有一个判断操作：当x的类型是对象的时候（什么对象都可以），则处理对应的事情
if (typeof x == “object”) { //=>null检测结果也会是"object"，所以结果是"object"不一定是对象，还可能是null呢
// // …
// }
if (x != null && typeof x == “object”) {
// …
}

数据的深度比较
基本数据类型的值，基于===比较即可
函数：都转换为字符串再进行比较
对象：
正则/日期：都转换为字符串在进行比较，
普通对象/数组对象等：私有属性的个数、分别遍历每个属性，看看属性值是否一致。

function _is (val1,val2){
    const type1=val1===null? 'null': tyopeof val1,
          type2=val2===null? 'null': tyopeof val2;
//函数
if(type1=="function" && type2=="function"){
    return val1.toString()===val2.toString();
    }
//对象
if(type1=="object" && type2=="object"){
   //正则和日期
   const ct1=val1.constructor,
         ct2=val2.constructor;
   if((ct1 === RegExp && ct2 === RegExp) ||
      (ct1 === Date && ct2 === Date)){
    return val1.toString()===val2.toString();
    }  
    //其他对象
       //获取对象，比较对象长度
       const keys1=Object.keys(val1),
             keys2=Object.keys(val2);
       if(keys1.length!==keys2.length) return false;
       for(let i=0,i<keys1.length,i++){
       //获取对象的属性名比较，不一致返回false。
          let key1=keys1[i], 
          let key2=keys2[i];
          if(key1!==key2) return false;
          //获取对象的属性值比较，不一致返回false。  
          let itme1 = val1[key1],
              itme2 = val2[key2];
          let flag = _is(item1,itme2);
          if(!flag) return flase;
       }
    return true;
   }
 //其他
 return val1===val2;
 }