toString.call()通用的判断数据类型方法示例
更新时间：2020年08月28日 15:15:07 作者：麦乐乐
这篇文章主要给大家介绍了关于toString.call()通用的判断数据类型方法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
大家都知道判断数据类型的方法有很多。我们常用的有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()判断数据类型内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
ES6下如何实现子组件调用父组件？下面小编就为大家分享一篇ES6下子组件调用父组件的方法。希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
js常用排序，整理了，常用的数组互换。2010-12-12
本文主要介绍了JavaScript 阻塞方式实现异步任务队列,主要介绍了两种方案,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧2024-05-05
这篇文章主要介绍了JavaScript生成随机验证码代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了浅谈js数组splice删除某个元素爬坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
腾讯的这个还是相对比较准确的。因为腾讯每个QQ用户发现自己匹配的地理位置信息不准确都可以提交更正的2010-07-07
这篇文章主要为大家详细介绍了p5.js实现动态图形临摹，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
这篇文章主要介绍了JavaScript面向对象程序设计创建对象的方法,结合实例形式分析了javascript使用object构造函数和对象字面量来创建对象的相关操作技巧,需要的朋友可以参考下2018-08-08
这篇文章主要给大家介绍了JS中数学计算精度问题的解决方案,文中通过代码示例和图文结合给大家讲解非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下2023-12-12
昨天练习的时候正好要用到跳转代码,在网上找了一下,觉得下面几个不错...整理了一下发上来...2008-12-12
最新评论