web前端

1.11 数据类型检测

2020-08-04  本文已影响0人  NULL_2022
// 基本类型:null undefined string number boolean symbol BigInt
// 引用类型:object(普通对象、数组对象、日期对象、正则对象……) function
/**
 * JS中的数据类型检测 ***记下来
 * + typeof [value] 检测数据类型的运算符
 * + [example].instanceof [class] 检测某一个实例是否属于这个类
 * + [example].constructor === [class] 检测实例和类关系的,从而检测数据类型
 * + Object.prototype.toString.call([value]) 检测数据类型
 * 
 */


 console.log(typeof 1); //=> "number"    在浏览器控制台输入typeof 1;//=> 结果是:"number"
 console.log(typeof Infinity); //=> "number"  在浏览器控制台输入typeof Infinity;//=> 结果是:"number"
 console.log(typeof NaN); //=> "number" 在浏览器控制台输入typeof NaN;//=> 结果是:"number"
 console.log(typeof null); //=> "object"  在浏览器控制台输入typeof null;//=> 结果是:"object"
 console.log(typeof undefined); //=> "undefined" 在浏览器控制台输入typeof undefined;//=> 结果是:"undefined"
 console.log(typeof {}); //=> "object" 在浏览器控制台输入typeof {};//=> 结果是:"object"
 console.log(typeof []); //=> "object" 在浏览器控制台输入typeof [];//=> 结果是:"object"
 console.log(typeof Symbol(1)); //=> "symbol" 在浏览器控制台输入typeof Symbol(1);//=> 结果是:"symbol"
 console.log(typeof BigInt(99)); //=> "bigint" 在浏览器控制台输入typeof BigInt(99);//=> 结果是:"bigint"
 console.log(typeof function(){}); //=> "function"  在浏览器控制台输入typeof function(){};//=> 结果是:"function"

/**
 * typeof的细节知识点:
 * + typeof检测的结果首先是一个字符串,字符串中包含了对应的数据类型(例如:"number"、"string"、"boolean"、"undefined"、"object"、"function"、"symbol"、"bigint")
 * + 特殊的检测结果:
 *      + NaN、Infinit 都是数字类型的,检测出来的结果是"number"
 *      + typeof null 的结果是"object" (这个是浏览器bug,所有的值在计算中都是以二进制编码存储,浏览器中把前三位是000的当做对象,而null的二进制前三位是000,所以被识别为对象,但是它不是对象,它是空对象指针,是基本类型值)
 *      + typeof 普通对象、数组对象、正则对象……结果都是"object",这样就无法基于typeof区分是普通对象还是数组对象等了
 */

 //练习1:
 console.log(typeof []); //=> object
 console.log(typeof typeof typeof []); //=> string  解析:typeof []; -> "object" -> typeof "object"; -> "string" -> typeof "string"; ->"string" -> console.log("string");->"string" 
 //总结:由于typeof返回的结果永远是一个字符串(字符串中包含了对应的类型),所以连续出现两个及两个以上的typeof检测的时候,最后结果都是"string"

 //练习2:
 //已知有一个变量x,但是无法确认其数据类型,需要有一个判断操作:当x的数据类型是对象的时候(什么对象都可以),则处理对应的事情
 if(typeof x == 'object'){ //这样判断不行,因为typeof null的值是"object" 而null是基本数据类型
     //……
 }
 //修改:
 if(x != null && typeof x == "object"){
     //……
 }
上一篇 下一篇

猜你喜欢

热点阅读