JavaScript数据类型判定的总结笔记

用类型来检测数据类型爪哇岛描述语言自带两套类型：基本数据类型（未定义、字符串、空、布尔值、函数、对象)和对象类型。

但是如果尝试用类型来检测对象类型都一律返回"对象"并不能加以区分

文档的[]//“对象”类型的null/“对象”类型的类型。新Number()/'对象'的子节点//'对象'类型用构造器属性来检测类型的构造函数

[].构造函数===Array//真文档。子节点===NodeList//true/\ d/.构造函数===RegExp //true函数isRegExp(obj){返回obj==' object ' obj的obj类型。构造函数===RegExp} //检测正则表达式对象函数为Null(obj){ return obj===Null；}用建造检测可以完成大多数的类型检测，null特殊直接比较。然而内联框架中的数组类型确无法检测出正确类型，这是用建造检测的一个缺陷；同时在旧版本工业管理学(工业工程)下数字正射影像图和月初(月初的缩写)的建造是无法访问的

利用Object.prototype.toString来判断

对象。原型。tostring。调用([])//'[对象数组]'对象。原型。tostring。呼叫(/\ d/)/'[对象正则表达式]'对象。原型。tostring。呼叫(1)/'[对象编号]'来看看jQuery源码中是如何使用toString方法的

/** jQuery JavaScript库v 1。11 .2 */var class 2 type={ }；//用来保存射流研究…数据类型每个('布尔数字字符串函数数组日期正则表达式对象错误。split(')、function(i、name) {//构造class2type存储常用类型的映射关系，遍历基本类型并赋值，键值为[对象类型]第2类类型['对象name ']']=name。tolowercase()；});型函数(obj ) { if (obj==null ) {//首先如果是空则返回空字符串返回obj}//接着判断给定参数类型是否为目标或者功能，是的话在映射表中寻找toString后的键值名称并返回，不是的话利用类型就可以得到正确类型返回类型为obj===' object ' | |类型为obj==='函数'？2类类型[ToString。调用(obj)]| |“object”:类型的obj；}，* * * * * * * * * * * * * * * jquery。键入(/\ d/)/“regexp”jquery。键入(新数字())/“数字”这里能够使用toString方法来检测是因为不同对象都会重新定义自己的toString方法

说说一些特殊类型的检测

上述调试是在IE8中进行的，因为不明确的在爪哇岛描述语言中并不是关键字，在IE8以下（之后的版本不可以赋值)是可以赋值的，查看jQuery.type源码可知，对于不明确的检测由是未定义的类型完成的jQuery.type并不能在旧的工业管理学(工业工程)中检测出不明确的的正确性。想要获得纯净的不明确的可以使用无效0

另外，对于多姆，物料清单对象在旧的工业管理学(工业工程)中使用Objec.prototype.toString检测出来的值均为"[对象对象]"

但是在铬下的结果却完全不同（镀铬可以检测出真实类型)

了解一下jQuery检测特殊类型

isWindow:函数{//ECMA规定窗户为全局对象全球性的，且全球。window===全局返回obj！=null obj==obj.window}，isPlainObject:函数(obj){ var key；if(！obj || jQuery.type(obj)！==' object ' | | obj。nodetype | | jquery。iswindow(obj)){ return false；}尝试{//判断它最近的原形对象是否含有isPrototypeOf属性if (obj.constructor！hasOwn.call(obj，' constructor ')！hasown。呼叫(obj。构造函数。prototype，' isPrototypeOf '){ return false；} } catch(e){ return false；} if(支持。own last){ for(obj中的键){ return hasown。呼叫(obj，key)；} }

质量框架相对jQuery中改善的地方

var class2type={//将可能出现的类型都映射在了class2type对象中，从而减少isXXX函数[对象HTMLDocument]': 'Document '，'[对象HTMLCollection]': 'NodeList '，'[对象StaticNodeList]': 'NodeList '，'[对象DOMWindow]': 'Window '，'[对象全局]': 'Window '，' null': 'Null '，' NaN': 'NaN '，' Undefined ' : ' Undefined ' }；型函数(obj，str){ var result=class 2 type [(obj==null | | obj！==obj)？obj :序列化。呼叫(obj)]| obj。nodename | | ' #//serialize==class 2类型。tostring if(结果。charat(0)===' # '){//兼容旧式浏览器与处理个别情况，如window.opera //利用IE678窗口==文档为没错，文档==窗口竟然为错误的的神奇特性if(obj==obj。文件obj。文件！=obj) {//对多姆，物料清单对象采用nodeType(单一)和项目（节点集合)进行判断结果="窗口";//返回构造器名字} else if(obj。nodetype===9){结果=' Document//返回构造器名字} else if (obj。被调用方){结果='引数//返回构造器名字} else if()是inite(obj。长度)物体。item){ result=' NodeList '；//处理节点集合} else { result=serialize。打电话.切片(8,-1);} } if(str){ 0返回str===结果；}返回结果；}类数组

类数组是一类特殊的数据类型存在，他们本身类似排列但是又不能使用排列的方法，他们有一个明显的特点就是含有长度属性，而且键值是以整数有序的排列的。这样的数组可以通过Array.slice()这样的方法转换成真正的数组，从而使用排列提供的方法。

常见类数组：参数，document.forms，document。getelementsbyclassname(等一些列节点集合NodeList，HTMLCollection)，或者是一些特殊对象，如下所示：

var arrayLike={ 0:'a '，1:'b '，2:'c '，length:3 }通常情况下通过数组。切片。调用既可以转换类数组，但是旧工业管理学(工业工程)的HTMLCollection，NodeList不是目标的子类，不能使用该方法，这时候需要构建一个空数组，然后将遍历节点推就如空数组中，返回新生成的数组即可，同时要区别出窗户和线对象，因为这类的对象同样含有长度=0(长度不可被修改),但是不是类数组。

jQuery如何处理类数组的

makeArray:函数(arr，results){ var ret=results | |[]；如果(arr！=null){ if(isArraylike(Object(arr))){ jquery。合并(ret，arr的类型==='字符串'？ arr)；//jQuery.merge合并数组，若是字符串则封装成数组河滨，不是则世界合并} else { push.call(ret，arr)；} }返回ret}Ext.js是如何处理类数组的

toArray:函数（可迭代、开始、结束){ if(！iterable ||！可重复。length){ return[]；//非类数组类型直接返回[]} if(iterable==' string '){ iterable=iterable。split(')；//分解字符串} if(supportssliceomodelist){ return slice。call(iterable，start || 0，end | | iterable。长度)；//对于节点列表支持} var数组=[]，I；start=start | | 0；结束=结束？((结束0)?可重复长度末端：末端):可重复长度；for(I=start；我结束了；I){数组。push(可迭代[I])；}返回数组；}mass Framework.js是如何处理类数组的

slice: W3C？函数（节点，开始，结束){//var W3C=doc。dispatcheventIE9开始支持万维网路联盟(Consortium环球网简称W3C)的事件模型返回工厂ys。切片。调用(节点、开始、结束)；} :函数（节点，开始，结束){ var ret=[]，n=nodes . length if(end===void 0 | | end==' number '的类型是inite(end)){ start=parsent(start，10)| | 0；end=end==void 0？n : parseInt(end，10)；if(start 0){ start=n；} if(end n){ end=n；} if(end 0){ end=n；} for(var I=start；我结束了；I){ ret[I-start]=nodes[I]；} }返回浸水使柔软以上就是本文的全部内容，希望对大家的学习有所帮助