有关JS中数据类型判断的兼容性有关问题之：typeof
日期：2014-05-17 浏览次数：22007 次
【分享】有关JS中数据类型判断的兼容性问题之：typeof
JavaScript语言中的对象
众所周知，对象是一种复合数据类型，是一个无序的属性集合，每个属性都有自己的名字和值。它可以有new来创建，但new运算符之后必须有用于初始化对象的构造函数(constructor)，还可以使用大括号包含一系列的属性名加上冒号加上属性值构成。
ECMAScript 辨认两种类型的对象：本地对象(native Object)和宿主对象(host Object)，以及一个本地对象的子分类-内置对象(ECMA 262 3rd Ed Section 4.3)。本地对象属于JS语言，宿主对象由环境提供，例如，document对象和DOM节点。
其中，JavaScript的本地对象里有共六中基本数据类型，其中有五种原始类型（primitive type）：Number, String, Boolean, Null, Undefined. 其它的都是复合数据类型Object。
古老的typeof
ECMAScript中，typeof是一元表达式之一，跟+，-，++，--，void，delete等并列。
typeof的步骤是：
1. 计算一元表达式的值；
2. 如果步骤一结果的类型不是引用类型，跳到步骤4
3. 如果步骤一结果的组成对象是null，返回“undefined”
4. 调用getValue方法
5. 根据下表返回(ECMAScript 262 V3，浏览器类型为)：
最新的V5中，对后两项做了调整：
typeof的兼容性问题
只有IE中，对document.getElementById方法返回“object”。
可见，typeof只适合检测基本的数据类型，对于复合型的数据类型都是返回“object”，如以上的Date对象。再比如：
如何判断一个JS对象的类型是否是function？
备注
【1】. GetValue (V)：
1. 如果V不是引用类型，返回V；
2. 调用getBase(V)方法，返回V的基本对象类型；
3. 如果步骤二返回null，抛出ReferenceError异常；
4. 调用步骤二返回值的[[Get]]方法，通过GetPropertyName(V)求原型名称；
5. 返回第四步的值。
* GetBase(V). Returns the base object component of the reference V.
* GetPropertyName(V). Returns the property name component of the reference V.
更多浏览器兼容性问题，跨浏览器开发专版：【分享】浏览器兼容性问题目录
------解决方案--------------------
类型判断一般用这种吧
Object.prototype.toString.call(obj)
JavaScript语言中的对象
众所周知，对象是一种复合数据类型，是一个无序的属性集合，每个属性都有自己的名字和值。它可以有new来创建，但new运算符之后必须有用于初始化对象的构造函数(constructor)，还可以使用大括号包含一系列的属性名加上冒号加上属性值构成。
ECMAScript 辨认两种类型的对象：本地对象(native Object)和宿主对象(host Object)，以及一个本地对象的子分类-内置对象(ECMA 262 3rd Ed Section 4.3)。本地对象属于JS语言，宿主对象由环境提供，例如，document对象和DOM节点。
其中，JavaScript的本地对象里有共六中基本数据类型，其中有五种原始类型（primitive type）：Number, String, Boolean, Null, Undefined. 其它的都是复合数据类型Object。
古老的typeof
ECMAScript中，typeof是一元表达式之一，跟+，-，++，--，void，delete等并列。
typeof的步骤是：
1. 计算一元表达式的值；
2. 如果步骤一结果的类型不是引用类型，跳到步骤4
3. 如果步骤一结果的组成对象是null，返回“undefined”
4. 调用getValue方法
5. 根据下表返回(ECMAScript 262 V3，浏览器类型为)：
最新的V5中，对后两项做了调整：
typeof的兼容性问题
- HTML code
<script type="text/javascript">
window.onload = function() {
document.getElementById("info").innerHTML = "typeof undefined == " + (typeof undefined) + //"undefined"
"<br/>typeof null === " + (typeof null) + //"object"
"<br/>typeof true === " + (typeof true) + //"boolean"
"<br/>typeof 1 === " + (typeof 1) + //"number"
"<br/> typeof \"hello\" === " + (typeof "hello") + //"string"
"<br/> typeof new Date() === " + (typeof new Date()) + //"object"
"<br/> typeof (new Date()).getDate === " + (typeof (new Date()).getDate) + //"function"
"<br/> typeof document.getElementById === " + (typeof document.getElementById) + //"function"
"<br/> typeof document === " + (typeof document); //"object"
}
</script>
<div id="info"></div>
只有IE中，对document.getElementById方法返回“object”。
可见，typeof只适合检测基本的数据类型，对于复合型的数据类型都是返回“object”，如以上的Date对象。再比如：
- JScript code
function A(){
}
var a=new A();
alert(type of a);//object
如何判断一个JS对象的类型是否是function？
- HTML code
<script type="text/javascript">
function isFunction( fn ) {
return !!fn && //不为空，存在
!fn.nodeName && //不是节点对象
fn.constructor != String && //不是字符串类型
fn.constructor != RegExp && //不是正则表达式
fn.constructor != Array && //不是数组
/function/i.test( fn + "" ); //toString()中包含"function"
}
alert(isFunction(document.getElementById)); //true
</script>
备注
【1】. GetValue (V)：
1. 如果V不是引用类型，返回V；
2. 调用getBase(V)方法，返回V的基本对象类型；
3. 如果步骤二返回null，抛出ReferenceError异常；
4. 调用步骤二返回值的[[Get]]方法，通过GetPropertyName(V)求原型名称；
5. 返回第四步的值。
* GetBase(V). Returns the base object component of the reference V.
* GetPropertyName(V). Returns the property name component of the reference V.
更多浏览器兼容性问题，跨浏览器开发专版：【分享】浏览器兼容性问题目录
------解决方案--------------------
类型判断一般用这种吧
Object.prototype.toString.call(obj)
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
