服务器之家

服务器之家 > 正文

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

时间:2021-04-14 16:33     来源/作者:junjie

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中使用typeof运算符需要注意的几个坑

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部