美文网首页web前端
1.11 数据类型检测

1.11 数据类型检测

作者: NULL_2022 | 来源:发表于2020-08-04 15:06 被阅读0次
// 基本类型: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"){
     //……
 }

相关文章

  • 1.11 数据类型检测

  • JS-NO.3

    数据类型检测 4种方式 1:typeof 主要检测基本数据类型 不能具体检测出引用数据类型 2:constru...

  • 20170710笔记

    数据类型检测有4种方法 type of 主要用于基本数据类型检测,不能具体检测出引用数据类型 constructo...

  • 2019-03-19 js practice three

    数据类型检测有4种方法 typeof 主要用来检测基本数据类型,不能具体检测出引用数据类型 constructor...

  • Object.prototype.toString.call检测

    1. 为什么可以检测数据类型 我们知道typeof可以检测数据类型,但是是不准确的,比如 想更准备的检测数据类型可...

  • js笔记五十之数据类型检测

    数据类型检测 typeof 用来检测数据类型的运算符 使用typeof检测数据类型, 首先返回的都是一个字符串其次...

  • 数据类型检测

    数据类型检测

  • Js类型相关总结

    Js的基本数据类型 复杂数据类型 类型检测 typeof 检测检测原理是根据变量存储时低位 instanceof检...

  • javascript面试题

    数据类型 1.有哪几种数据类型 2.说说基本数据类型和引用数据类型的不同 3.如何检测数据类型 4.如何检测对象,...

  • js - 10 JS数据类型检测

    数据类型检测 typeof typeof [val] : 用来检测数据类型的运算符 typeof的局限性 : 基于...

网友评论

    本文标题:1.11 数据类型检测

    本文链接:https://www.haomeiwen.com/subject/egdwrktx.html