Appearance
检测数据类型
本节目标:理解“检测数据类型”的核心思路,并能把它用于实际开发或面试表达。
**typeof**
==用法:====typeof====是一个==**操作符,**==可以====typeof(====要检测的对象====)====,也可====以====typeof== ==要检测的对象====,因为====typeof====不是函数,因此====()====不是必需的。==
==原理:用来对比====js====中各数据类型的二进制码来检测数据类型;由于====null====数据类型的二进制码是====000====,对象类型也是以====000====开头,所以====null====会被误检测为====object;==
==返回值:====返回值是一个==**字符串**==,有时候在浏览器里会把引号省略掉,但是可以用====typeof====去检测这个返回值,比如==
==typeof== ==typeof== ==1;//===='string'========//====这行代码的意思是,用====typeof====去检测====typeof== ==1====的返回值,最终的返回值是====string======
==因为这个也以引伸,如果两个及以上的====typeof====连用的话,那么输出的结果就是====string==
==注意点:==在JS中,能用typeof能检测出来的数据类型,最好使用typeof来检测。不足:typeof是基本数据类型检测利器typeof null 返回 "object";不能检测是否为一个数组;优点可以检测是否为一个函数;但是在检测其它对象时,返回值都是object。Instanceof 用法:instanceof是一个操作符,返回值是一个布尔值;instanceof是检测引用数据类型,而不能检测基本数据类型;但是只要是在原型链上出现过构造函数都会返回true,所以这个检测结果不很准确。
不足: 不能检测基本数据类型 ==var== ==arr = [];========arr== ==instanceof== ==Array====;====//true====== ==arr== ==instanceof== ==Object====;====//true======
**constructor**
==constructor====这个属性存在于构造函数的原型上,指向构造函数,对象可以通过====__proto__====在其所属类的原型上找到这个属性。==
==var== ==arr = [];========arr.====constructor== ======= ==Array====;====//true========arr.====constructor== ======= ==Object====;====//false========//====因为====arr====通过原型链查找到的====constructor====指向了====Array====,所以跟====Object====判断就是错误滴======
==constructor====是比较准确判断对象的所属类型的,但是如果有继承的话==
==function== ==Fn====() {======
==}========Fn.prototype === ==new== ==Array====();========var== ==fn === ==new== ==Fn();========console====.log(fn.constructor ===== ==Array====);========//fn====是一个对象,但是它的构造函数指向====Array====竟然是====true======
==因此这个方法要慎用==**Object.prototype.toString.call()**
==在====Object====基本类定义的这个====toString()====方法,是用来检测数据类型的;==
==跟字符串、数字、布尔等原型上定义的====toString()====方法基本用法都是转换字符串的。==
==这对对数据检测应该是最准确的==
==console====.log(====Object====.prototype.toString.call(1));====//[object Number]========console====.log(====Object====.prototype.toString.call(====''====));====//[object String]========console====.log(====Object====.prototype.toString.call(====true====));====//[object Boolean]========console====.log(====Object====.prototype.toString.call(====null====));====// [object Null]========console====.log(====Object====.prototype.toString.call(====undefined====));====//[object Undefined]========console====.log(====Object====.prototype.toString.call([]));====// [object Array]========console====.log(====Object====.prototype.toString.call({}));====// [object Object]========console====.log(====Object====.prototype.toString.call(/^$/));====//[object RegExp]========console====.log(====Object====.prototype.toString.call((====function== ==() {})));====//[object Function]==> 来自
<https://www.cnblogs.com/changzhenan/p/7120929.html>