typeof、instanof区别以及Object.prototype.toString.call(obj)判断类型

原创已于 2022-04-18 17:58:14 修改 · 204 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

于 2022-04-18 17:36:19 首次发布

本文详细介绍了JavaScript中typeof操作符的使用，包括其对基本数据类型的判断以及对数组、对象和null的处理。同时，文章还探讨了instanceof运算符的工作原理，用于检测对象是否在其原型链上存在指定构造函数的prototype。此外，通过Object.prototype.toString.call()方法可以更准确地判断对象类型。文章旨在帮助开发者更好地理解和运用这两种类型检测方式。

typeof

只能用做基本数据类型的判断，注意几点
1. 数组，对象和null返回object 。
2. 方法(内置的构造函数，定义的function)返回function。

在这里插入图片描述

instanceof

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。
语法

object instanceof constructor

描述
instanceof运算符用来检测 constructor.prototype是否存在于参数 object的原型链上

理解：

object.proto === constructor.prototype ?==> boolean

具体可看 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/instanceof

Object.prototype.toString.call(obj)

function gettype(obj) {
   var type = typeof obj;
   if (type !== 'object') {
       return type;
   }
   //Object.prototype.toString.call(obj)的方式才能判断
   return Object.prototype.toString.call(obj).replace(/^\[object (\S+)\]$/, '$1');
}