JavaScript 用typeof来判断是否是对象的弊端

题目：使用 typeof bar === "object" 来确定 bar 是否是对象的潜在陷阱是什么？如何避免这个陷阱？

1：使用typeof

首先看下面的代码:

var carr=[];
var cobj={};
function cfun(){console.log('cc');
}
console.log(typeof carr=='object');     //true
console.log(typeof cobj=='object');     //true
console.log(typeof cfun=='function');   //true
console.log(typeof null=='object');     //true

可以看到，typeof null也为‘object’，这一般不是我们所希望的。至于Array和Function是否希望被判断为object就要因情况而定了。

当希望排除掉null和函数是可以这样写：

var carr=[];
var cobj={};
function cfun(){console.log('cc');
}//判断是否是对象
function isObject(bar)
{if((typeof bar==='object')&&(bar!==null))return true;elsereturn false;
}
console.log(isObject(carr));    //true
console.log(isObject(cobj));    //true
console.log(isObject(cfun));    //false
console.log(isObject(null));    //false

当希望排除掉null,函数，Array的时候可以这样写：

var carr=[];
var cobj={};
function cfun(){console.log('cc');
}//判断是否是对象
function isObject(bar)
{if((typeof bar==='object')&&(bar!==null)&&(Object.prototype.toString.call(bar))!=='[object Array]')return true;elsereturn false;
}console.log(isObject(carr));    //false
console.log(isObject(cobj));    //true
console.log(isObject(cfun));    //false
console.log(isObject(null));    //false

2：使用`toString()`检测对象类型

可以通过toString() 来获取每个对象的类型。为了每个对象都能通过 Object.prototype.toString() 来检测，需要以 Function.prototype.call() 或者 Function.prototype.apply() 的形式来调用，传递要检查的对象作为第一个参数。结果显而易见了。

var carr=[];
var cobj={};
function cfun(){console.log('cc');
}var toString = Object.prototype.toString;console.log(toString.call(new Date)); // [object Date]
console.log(toString.call(new String)); // [object String]
console.log(toString.call(Math)); // [object Math]console.log(toString.call(undefined)); // [object Undefined]
console.log(toString.call(null)); // [object Null]console.log(toString.call(carr)); // [object Array]
console.log(toString.call(cobj)); // [object Object]
console.log(toString.call(cfun)); // [object Function]

3：更全面的检测对象的方式（jQuery中的方法）

当然如果你觉得上述方法仍然不够全面，那么我们来看看jQuery中是如何判断对象类型的。jQuery全面考虑到了各种情况及浏览器版本的兼容性。

jQuery（版本1.11.1）中部分代码：

var class2type = {};
var toString = class2type.toString;
var hasOwn = class2type.hasOwnProperty;
jQuery.extend({//检测isPlainObject方法被用来检测是否为“朴素对象”//不是DOM，原型链上直接继承Object.prototype的对象，称为“朴素对象”isPlainObject: function( obj ) {var key;//排除非object类型，然后是DOM对象，window对象if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {return false;}try {// Not own constructor property must be Objectif ( obj.constructor &&!hasOwn.call(obj, "constructor") &&!hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {return false;}} catch ( e ) {// IE8,9 Will throw exceptions on certain host objects #9897return false;}//兼容老版本浏览器// Support: IE<9// Handle iteration over inherited properties before own properties.if ( support.ownLast ) {for ( key in obj ) {return hasOwn.call( obj, key );}}// Own properties are enumerated firstly, so to speed up,// if last one is own, then all properties are own.for ( key in obj ) {}return key === undefined || hasOwn.call( obj, key );},type: function( obj ) {if ( obj == null ) {return obj + "";}return typeof obj === "object" || typeof obj === "function" ?class2type[ toString.call(obj) ] || "object" :typeof obj;},});// Populate the class2type map
jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {class2type[ "[object " + name + "]" ] = name.toLowerCase();
});

JavaScript 用typeof来判断是否是对象的弊端相关推荐

扩展typeof来判断js变量的类型
Javascript 的 typeof可以获取变量的类型,有如下6种返回值: 1)number: 2)string: 3)boolean: 4)object 5)function: 6)u ...
JavaScript数据类型 typeof, null, 和 undefined
JavaScript 数据类型在 JavaScript 中有 5 种不同的数据类型: string number boolean object function 3 种对象类型: Object Da ...
后端返回number类型数据_【JavaScript 教程】标准库—Number 对象
作者 | 阮一峰 1.概述 Number对象是数值对应的包装对象,可以作为构造函数使用,也可以作为工具函数使用. 作为构造函数时,它用于生成值为数值的对象. var n = new Number(1) ...
JavaScript中typeof的用法
JavaScript中typeof知多少? typeof运算符介绍: typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型. 它返回值是一个字符串,该字符串说明运算数的类型. 你 ...
对象数组参数_【JavaScript 教程】标准库—Array 对象
作者 | 阮一峰 1.构造函数 Array是 JavaScript 的原生对象,同时也是一个构造函数,可以用它生成新的数组. var arr = new Array(2);arr.length // ...
linq结果转换object_【JavaScript 教程】标准库—Object 对象
作者 | 阮一峰 1.概述 JavaScript 原生提供Object对象(注意起首的O是大写),本章介绍该对象原生的各种方法. JavaScript 的所有其他对象都继承自Object对象,即那些对 ...
JavaScript 原型总结三函数和对象的关系
2019独角兽企业重金招聘Python工程师标准>>> 1.既typeof之后的另一位老朋友! 在咱们的上一节(JavaScript 原型总结二一切皆对象之typeof)中说道,函 ...
关于JavaScript中typeof的用法
一.typeof的作用在JavaScript中,变量未经声明就使用,系统是会报错的.但是,typeof却是js中有且仅有的一个特例. typeof的作用就是用来区分数据类型的,下面先说说typeof ...
JavaScript基础语法_JavaScript内置对象
JavaScript内置对象 JavaScript中的对象分为3种:自定义对象,内置对象,浏览器对象前两种对象是JS基础内容,属于ECMAScript;第三个浏览器对象属于js独有内置对象就是指J ...

JavaScript 用typeof来判断是否是对象的弊端

1：使用typeof

2：使用`toString()`检测对象类型

3：更全面的检测对象的方式（jQuery中的方法）

JavaScript 用typeof来判断是否是对象的弊端相关推荐

最新文章

热门文章

JavaScript 用typeof来判断是否是对象的弊端

1：使用typeof

2：使用toString()检测对象类型

3：更全面的检测对象的方式（jQuery中的方法）

JavaScript 用typeof来判断是否是对象的弊端相关推荐

最新文章

热门文章

2：使用`toString()`检测对象类型