toString.call()通用的判断数据类型方法示例
更新时间：2020年8月29日 10:12 点击：2687
大家都知道判断数据类型的方法有很多。我们常用的有typeof但是，这个方法有一定的局限性。
typeof null
// "object"
typeof [8]
// "object"
typeof {}
// "object"
typeof function(){}
// "function"
typeof 2
//"number"
typeof ""
//"string"
typeof true
//"boolean"
typeof undefined
//"undefined"
typeof Symbol(2)
// "symbol"
typeof 无法区分null 数组和对象，通常我们会区分判断Array和Object
有时会用instanceof 来判断是不是一个对象的实例子
[] instanceof Array // true 这种方法可以判断数组，不能区分对象 [] instanceof Object // true null instanceof Object // false 也不能区分null
下面介绍一种方法，对每一种数据类型都实用。
toString.call(function(){})
// "[object Function]"
toString.call(null)
//"[object Null]"
toString.call([2])
"[object Array]"
toString.call(undefined)
//"[object Undefined]"
toString.call('stjd')
//"[object String]"
toString.call(1)
//"[object Number]"
toString.call(true)
//"[object Boolean]"
toString.call(Symbol(3))
// "[object Symbol]"
toString.call({q:8})
//"[object Object]"
再来思考, toString.call([2]) 意思就是改变方法中的this指向，指向传递进去的参数，也就是[2]。那我这样写不是更直观吗？[2].toString()。结果
[2].toString() //"2"
var obj = {a: 67}
console.log(obj.toString())
// [object Array]
对比上面两个返回的值是不一样的。这是因为[2].toString()调用的是数组的toSting()方法，而不是对象的toSting()方法。Array改写了Object的toString方法。
toSting.call()实际上就是 Object.prototype.toSting.call()
console.log(Object.prototype.toString.call([33])) // [object Array]
而[2].toSting()实际上是
console.log(Array.prototype.toString.call([2])) //2
使用的过程中，可以这样封装函数
function isType(type) {
return function(obj) {
return {}.toString.call(obj) == "[object " + type + "]"
}
}
var isObject = isType("Object")
var isString = isType("String")
var isArray = Array.isArray || isType("Array")
var isFunction = isType("Function")
var isUndefined = isType("Undefined")
总结
到此这篇关于toString.call()通用的判断数据类型方法的文章就介绍到这了,更多相关toString.call()判断数据类型内容请搜索猪先飞以前的文章或继续浏览下面的相关文章希望大家以后多多支持猪先飞！
相关文章
php中浮点型(float)和整型(integer)数据类型详解
文章分析了关于php中浮点型(float)和整型(integer)数据类型的用法区别以及在那种情况下会出现数据长度不够。 取值只能为True或者False，当其他类型转化为boolean类...2016-11-25- 本篇文章主要分享了通过window.navigator来判断浏览器及其版本信息的实例代码。具有一定的参考价值，下面跟着小编一起来看下吧...2017-01-23
- 本篇文章主要是对c#中数据类型占用的字节数进行了详细的介绍。需要的朋友可以过来参考下，希望对大家有所帮助...2020-06-25
- 使用 conditional comment 来判断 IE 的版本。嗯，是早早有人提出，但没有认真看代码。昨天刚好在看 CSS3 PIE 的时候看到，觉得是不是不靠谱。今天看到 Paul Irish 也提起，那么，推荐一下吧。这是作者博客上写的：复制代码 代码...2014-05-31
- 下面小编就为大家分享一篇c# 判断是否为空然后赋值的4种实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-06-25
- 具体详情请看下文小编给大家带来的知识点。同编写程序类似，存储过程中也有对应的条件判断，功能类似于if、switch。在MySql里面对应的是IF和CASE1、IF判断IF判断的格式是这样的：IF expression THEN commands [ELSEIF ex...2015-10-21
PHP中empty和isset对于参数结构的判断及empty()和isset()的区别
废话不多说了，直接给大家贴代码了。<?php class test{} $a1 = null; $a2 = ""; //$a3 = $a4 = 0; $a5 = '0'; $a6 = false; $a7 = array(); //var $a8; $a9 = new test(); for ($i=1; $i <=9 ; $i++) {...2015-11-24- 这篇文章主要介绍了java正则表达式判断前端参数修改表中另一个字段的值,需要的朋友可以参考下...2021-05-07
- 虽然Javascript是弱类型语言，但是，它也有自己的几种数据类型，分别是：Number、String、Boolean、Object、Udefined、Null。其中，Object属于复杂数据类型，Object 由无序的键值对组成。其余几种都属于简单数据类型。注意：变量...2015-10-21
- 这篇文章主要介绍了C#判断一个字符串是否是数字或者含有某个数字的方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下...2020-06-25
- 这篇文章主要为大家详细介绍了JavaScript实现数据类型的相互转换，感兴趣的朋友可以参考一下...2016-03-09
- 今天小编大家分享一篇C#获得程序的根目录以及判断文件是否存在的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-06-25
- 本文主要介绍了C#的四种基本数据类型的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧...2020-06-25
从PHP $_SERVER相关参数判断是否支持Rewrite模块
如果是http://www.jb51.net/p1141.html形式的URL，可通过$_SERVER['REQUEST_URI']和$_SERVER['QUERY_STRING']值的区别来分析，最主要是如果页面是通过重定向会产生$_SERVER['REDIRECT_QUERY_STRING']和$_SERVER['REDIREC...2013-10-04- 这篇文章主要介绍了基于PostgreSQL和mysql数据类型对比兼容，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-12-25
- 整体思路是这样的：判断div内部是否为空，如果为空，给出无数据提示；否则显示正常页面，下面给大家分享js判断div内容是否为空的方法，对判断div内容是否为空的相关知识感兴趣的朋友一起学习吧...2016-02-01
- 这篇文章主要给大家介绍了关于toString.call()通用的判断数据类型方法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-08-29
- js 检测判断fckeditor是否为空 <!-- 用一般的js是不可能获取 fck 编辑器内容的是否有值的，我们得用 FCKeditorAPI接口来实例--> <!DOCTYPE html PUBLIC "-//W3C//DTD...2016-09-20
- 这篇文章主要介绍了C#数据类型及其转换详解,在C#中，数据类型可以分为几种类型，今天小编通过本文给大家详细介绍，需要的朋友可以参考下...2020-07-10
- 这篇文章主要介绍了Lua判断变量是否为数字、字符串是否可以转换为数字等,本文讲解了Lua 判断是字符还是数字的方法、Lua判断数字的方法、判断可否转换为数字的方法、判断并且准备一个初值的方法,需要的朋友可以参考下...2020-06-30