利用Object.prototype.toString方法,实现比typeof更准确的type校验
2024-08-20 15:36:15
Object.prototype.toString
方法返回对象的类型字符串,因此可以用来判断一个值的类型。
调用方法:
Object.prototype.toString.call(value)
不同数据类型的Object.prototype.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]
。
也就是说,Object.prototype.toString
可以得到一个实例对象的构造函数。
Object.prototype.toString.call(2) // "[object Number]"
Object.prototype.toString.call('') // "[object String]"
Object.prototype.toString.call(true) // "[object Boolean]"
Object.prototype.toString.call(undefined) // "[object Undefined]"
Object.prototype.toString.call(null) // "[object Null]"
Object.prototype.toString.call(Math) // "[object Math]"
Object.prototype.toString.call({}) // "[object Object]"
Object.prototype.toString.call([]) // "[object Array]"
利用这个特性,可以写出一个比typeof
运算符更准确的类型判断函数。
var type = function (o){
var s = Object.prototype.toString.call(o);
return s.match(/\[object (.*?)\]/)[1].toLowerCase();
}; type({}); // "object"
type([]); // "array"
type(5); // "number"
type(null); // "null"
type(); // "undefined"
type(/abcd/); // "regex"
type(new Date()); // "date"
在上面这个type
函数的基础上,还可以加上专门判断某种类型数据的方法。
['Null',
'Undefined',
'Object',
'Array',
'String',
'Number',
'Boolean',
'Function',
'RegExp',
'NaN',
'Infinite'
].forEach(function (t) {
type['is' + t] = function (o) {
return type(o) === t.toLowerCase();
};
}); type.isObject({}) // true
type.isNumber(NaN) // true
type.isRegExp(/abc/) // true
参考:来自《JavaScript 标准参考教程(alpha)》,by 阮一峰
最新文章
- photoshop:无法完成请求 因为暂存盘已满
- [Asp.net 5] Caching-缓存预告
- Apache shiro 文章推荐
- Web前端:11个让你代码整洁的原则
- Asp.net MVC 的八个扩展点
- java中的URLConnection
- Linux 编程中的API函数和系统调用的关系【转】
- phpstrom+xdebug+Xdebug helper 调试php
- 让IE支持max-width
- hadoop+eclipse集群搭建及测试
- 11.ThinkPHP 3.1.2 连贯操作
- 纯CSS3实现不错的表单验证效果
- linux允许root远程登录
- 201521123006 《Java程序设计》第3周学习总结
- NOI2006 郁闷的出纳员
- sqlalchemy查询结果类型简析
- UVA 536 Tree Recovery 建树+不建树
- DedeCMS上传视频
- openGL学习----相机
- MVC,MVP和MVVM的区别
热门文章
- 相似度分析,循环读入文件(加入了HanLP,算法第四版的库)
- 关于跨域GET、POST请求的小结//////////////////////zzzzzzz
- C语言回顾-内存管理和指针函数
- Android学习笔记 - BitmapFun解析
- 给linode 替换操作系统核心
- 查询Oracle正在执行和执行过的SQL语句
- angular-笔记
- Dom编程
- spring中用到哪些设计模式
- stack栈