JavaScript中使用typeof运算符需要注意的几个坑
更新时间：2014年11月08日 10:57:26 投稿：junjie
这篇文章主要介绍了JavaScript中使用typeof运算符需要注意的几个坑,本文总结了4个使用typeof运算符要注意的问题,需要的朋友可以参考下
typeof是一个运算符，它对操作数返回的结果是一个字符串，有6种(只针对ES，不包含HOST环境对象)。
1.'undefined'
2.'boolean'
3.'string'
4.'number'
5.'object'
6.'function'
因为它本身是运算符，它不是函数，使用时没必要加个小括号。
复制代码 代码如下:
if (typeof(obj) === 'undefined') {
// ...
}
typeof用来判断类型，它有几个坑
1. 对null返回是'object'，你却不能真正当对象使用。
复制代码 代码如下:
var obj = null
if (typeof obj === 'object') {
obj.a() // 这里报错
}
2. 对NaN返回是'number'，你却不能使用它进行算术运算。
复制代码 代码如下:
var obj = {}
var num = parseInt(obj.a)
if (typeof num === 'number') {
num = num + 10 // 执行后num仍然是NaN
}
3. 不能区分对象、数组、正则，对它们操作都返回'object'。
复制代码 代码如下:
var obj = {}
var arr = []
var reg = /pop/g
console.log(typeof obj) // 'object'
console.log(typeof arr) // 'object'
console.log(typeof reg) // 'object'
4. Safar5,Chrome7之前的版本对正则对象返回 'function'。
最后贴上规范里的解释
相关文章
这篇文章主要介绍的是通过js简单实现交换Li的值,需要的朋友可以参考下2014-05-05
这篇文章主要为大家详细介绍了JavaScript制作简易计算器的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
分割字符串的方法有很多，下面为大家介绍下使用JScript简单实现下，喜欢的朋友可以参考下2013-09-09
下面小编就为大家带来一篇js 定义对象数组(结合)多维数组方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
这篇文章主要介绍了Javascript连接数据库查询并插入数据，下面文章围绕主题展开详细内容，具有一的参考价值，需要的小伙伴可以参考一下，希望对你的学习有所帮助2022-03-03
这篇文章主要为大家详细介绍了vue bootstrap小例子一枚，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
js之encodeURI、encodeURIComponent、decodeURI、decodeURIComponent
这篇文章主要介绍了js之encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的使用，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要给大家介绍了关于Webpack设置环境变量的一些误区，文中通过示例代码介绍的非常详细，对大家学习或者使用Webpack具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-12-12
JavaScript中的object转换成number或string规则介绍
这篇文章主要介绍了JavaScript中的object转换成number或string规则介绍,本文讲解了object自动转换成string的规则、object自动转换成number的规则等内容,需要的朋友可以参考下2014-12-12
这篇文章主要给大家介绍了关于用JS获取Headers头部信息的相关资料,头部信息是在JavaScript中进行网络请求时常用的操作,Headers 头部信息包含了请求或响应的元数据,需要的朋友可以参考下2023-09-09
最新评论