javascript 类型检测

柔情只为你懂 2022-08-02 09:34 229阅读 0赞

1、检测字符串、数值、布尔值、undefined、function 使用typeof（在Safari和Chrome中检测正则也会返回 "function"）

2、检测null 应用“===”

3、检测其它对象：

方法一：利用instanceof/constructor

(再某些ie版本中存在跨iframe问题,每个iframe下都有自己的一套原型链,跨frame实例化的对象彼此是不共享原型链)

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  alert(A  instanceof  Object)  
2.  alert(A  instanceof  Array)  
3.  alert(A  instanceof  RegExp)    
4.  alert(A.constructor==Array)

例如：

方法二：利用 Object.prototype.toString.call()

(解决了方法一跨iframe 失效的问题)

例如：

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  Object.prototype.toString.call (\{\})          //"\[objectObject\]"  
2.  Object.prototype.toString.call (\[1,2,3,4\]);  //"\[objectArray\]"  
3.  Object.prototype.toString.call(newDate());   //"\[objectDate\]"  
4.  Object.prototype.toString.call(/^hello/);    //"\[objectRegExp\]"  
5.  Object.prototype.toString.call(newError())   //"\[objectError\]"  
6.  Object.prototype.toString.call(newNumber())  //"\[objectNumber\]"

参考jquery解决方案

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  var class2type = \{\};  
2.  $.each("Boolean Number String Function Array Date RegExp Object".split(" "), function (i, name) \{  
3.      class2type\[ "\[object " + name + "\]" \] = name.toLowerCase();  
4.  \});  
5.  $.type = function (obj) \{  
6.      return obj == null ?  
7.          String(obj) : class2type\[ toString.call(obj) \] || "object"  
8.  \};

另外，ECMAScript 5 定义了一个新方法Array.isArray(),该函数在参数为数组时返回true，例如

Array.isArray(\[\])     // true

所以我们可以定义：

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  if(typeof Array.isArray=="undefined")\{  
2.     Array.isArray=function(obj)\{  
3.         return Object.prototype.toString.call(obj)==="\[object Array\]";  
4.     \}  
5.  \}

源引：http://blog.csdn.net/hdchangchang/article/details/11961089

[view plain]: http://blog.csdn.net/hdchangchang/article/details/11961089#
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/115492
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/115492/fork