typeof、instanceof、Object.prototype.toString.call() 区分对象类型

typeof

.基本数据类型:number,string,undefined,boolean,null(object),symbol(ES6新增) 五种。 栈内存

  • 用法: typeof(变量名)
  • 返回值是一个字符串,该字符串说明运算数的类型。
1 var test1= 1;
2 alert(typeof test1);//输出number
3 var test2 = "";
4 alert(typeof test2);//输出string
5 var test3 = undefined;
6 alert(typeof test3);//输出undefined
7 var test4 = true;
8 alert(typeof test4);//输出boolean

undefined: Undefined类型,当一个声明了一个变量未初始化时,得到的就是undefined。

null是javascript的关键字,可以认为是对象类型,它是一个空对象指针,和其它语言一样都是代表“空值”,不过 undefined 却是javascript才有的。undefined是在ECMAScript第三版引入的,为了区分空指针对象和未初始化的变量,它是一个预定义的全局变量。没有返回值的函数返回为undefined,没有实参的形参也是undefined。

特殊 :null: Null类型,代表“空值”,代表一个空对象指针,使用typeof运算得到 “object”,所以你可以认为它是一个特殊的对象值。
但是null不是对象,而是基本数据类型的一种。

我们会发现,typeof来判断数据类型其实并不准确。比如数组、正则、日期、对象的typeof返回值都是object,这就会造成一些误差。

使用typeof可以判断基本数据类型,但对于对象(进一步区别数组,对象等)引用数据类型 就有局限性了,因为无论你怎么检测,输出都是object类型。 从而 引出下边的

instanceof

instanceof 用于判断一个变量是否某个对象的实例
引用数据类型 :常见的Object Array Function 其实 在JS中除了基本数据类型以外的都是对象,数据是对象,函数是对象,正则表达式是对象)
堆内存

  • 用法:变量名 instanceof Object、Array、Function
    返回值: 是一个布尔值
var a = {};
var b = [];
var c = function () {};

//a b c 都是 Object 的实例
console.log(a instanceof Object) //true
console.log(b instanceof Object) //true
console.log(c instanceof Object) //true

//只有 Array 类型的 b 才是 Array 的实例
console.log(a instanceof Array) //false
console.log(b instanceof Array) //true
console.log(c instanceof Array) //false

//只有 Function 类型的 c 才是 Function 的实例
console.log(a instanceof Function) //false
console.log(b instanceof Function) //false
console.log(c instanceof Function) //true

Object.prototype.toString.call()

但是前两个还是有一定的局限 但是这个方法就是基于上面两个方法的取其精华,去其糟粕而生成的。太好用了 简直完美 哈哈哈哈哈!!

  • 用法:Object.prototype.toString.call(value)
  • 这是对象的一个原生原型扩展函数,用来精确的区分数据类型…
    toString方法的作用是返回一个对象的字符串形式,默认情况下返回类型字符串。
    数值:返回[object Number]。
    字符串:返回[object String]。
    布尔值:返回[object Boolean]。
    undefined:返回[object Undefined]。
    null:返回[object Null]。
    数组:返回[object Array]。
    arguments对象:返回[object Arguments]。
    函数:返回[object Function]。
    Error对象:返回[object Error]。
    Date对象:返回[object Date]。
    RegExp对象:返回[object RegExp]。
    其他对象:返回[object Object]。
console.log(Object.prototype.toString.call(123)) //[object Number]
console.log(Object.prototype.toString.call('123')) //[object String]
console.log(Object.prototype.toString.call(true)) //[object Boolean]
console.log(Object.prototype.toString.call(undefined)) //[object Undefined]
console.log(Object.prototype.toString.call([])) //[object Array]
console.log(Object.prototype.toString.call(function(){})) //[object Function]
console.log(Object.prototype.toString.call({})) //[object Object]
  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值