js检测数据类型方法typeof和Object.prototype.toString.call()对比

刺骨的言语ヽ痛彻心扉 2022-10-27 12:19 136阅读 0赞

<table> 
 <thead> 
  <tr> 
   <th>example</th> 
   <th>Object.prototype.toString.call()</th> 
   <th>typeof</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>‘123456’</td> 
   <td>[object String]</td> 
   <td>string</td> 
  </tr> 
  <tr> 
   <td>123456</td> 
   <td>[object Number]</td> 
   <td>number</td> 
  </tr> 
  <tr> 
   <td>(2==3)</td> 
   <td>[object Boolean]</td> 
   <td>boolean</td> 
  </tr> 
  <tr> 
   <td>{id : “1”}</td> 
   <td>[object Object]</td> 
   <td>object</td> 
  </tr> 
  <tr> 
   <td>null</td> 
   <td>[object Null]</td> 
   <td>object</td> 
  </tr> 
  <tr> 
   <td>[1,2,3]</td> 
   <td>[object Array]</td> 
   <td>object</td> 
  </tr> 
  <tr> 
   <td>undefined</td> 
   <td>[object Undefined]</td> 
   <td>undefined</td> 
  </tr> 
  <tr> 
   <td>function() {}</td> 
   <td>[object Function]</td> 
   <td>function</td> 
  </tr> 
 </tbody> 
</table>

总结的时候发现typeof检测数组的数据类型时为object，查了一下，还有种方法更精确  
Object.prototype.toString.call()，以上为二者对比。

[为什么检查 null 的类型返回 object][null _ object]  
但也有另一种说法·：

> 为什么会出现这种情况呢？因为在 JS 的最初版本中，使用的是 32 位系统，为了性能考虑使用低位存储了变量的类型信息，000 开头代表是对象，然而 null 表示为全0，所以将它错误的判断为 object 。

[为什么检查数组类型返回 object][null _ object]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzY4NTY0_size_16_color_FFFFFF_t_70]  
上图为打印的数组原型，注意末行\_\_proto\_\_：Object.

[null _ object]: http://www.imooc.com/wiki/Javascriptbase/typeof.htm
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzY4NTY0_size_16_color_FFFFFF_t_70]: /images/20221024/f0c8330ec16b4b3b86cabd64562efa46.png