JavaScript中使用typeof运算符需要注意的几个坑

2019-11-20 13:57:02

字体：大中小

来源：转载

供稿：网友

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'。

最后贴上规范里的解释

上一篇：JavaScript中具名函数的多种调用方式总结

下一篇：JavaScript中判断整数的多种方法总结

学习交流

索泰发布一款GTX 1070 Mini迷你版本:小机

索泰发布一款GTX 1070 Mini迷你版本:小机箱大爱...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

荣耀总裁赵明乌镇演讲：荣耀首款5G手机V30下月发布

2019-10-23 09:17:05

搜狐张朝阳：回归媒体是搜狐重新崛起的关键

2019-10-21 09:20:02

华为轮值董事长郭平：虚拟技术创造现实价值

2019-10-21 09:00:12

滴滴英文服务上线两周年用户已超200万

2019-09-26 08:57:12

华为推出全球至快AI训练集群Atlas900

2019-09-25 08:46:36

马斯克：特斯拉正组建中国技术团队

2019-09-25 08:15:43

疑难解答

图片精选

网友关注