浅谈typeof和instanceof

98 阅读 0 评论 65 点赞

我是靠谱客的博主谨慎心情，这篇文章主要介绍浅谈typeof和instanceof，现在分享给大家，希望可以做个参考。

typeof和instanceof都是判断数据类型的，但是他们有什么区别呢，今天我们就来看一看：

typeof 对于原始类型来说，除了 null 都可以显示正确的类型:

复制代码

1
2
3
4
5
6
typeof 1 // 'number'
typeof '1' // 'string'
typeof undefined // 'undefined'
typeof true // 'boolean'
typeof Symbol() // 'symbol'

但是有一点，typeof 对于对象来说，除了函数都会显示 object，所以说 typeof 并不能准确判断变量到底是什么类型：

复制代码

1
2
3
4
typeof [] // 'object'
typeof {} // 'object'
typeof console.log // 'function'

如果这个时候我们想判断一个对象的正确类型，这时候可以考虑使用 instanceof，因为它内部机制是通过原型链来判断的：

复制代码

1
2
3
4
5
6
7
8
9
10
const Person = function() {}
const p1 = new Person()
p1 instanceof Person // true

var str = 'hello world'
str instanceof String // false

var str1 = new String('hello world')
str1 instanceof String // true

对于原始类型来说，你想直接通过 instanceof 来判断类型是不行的，当然还是有办法让 instanceof 判断原始类型的：

复制代码

1
2
3
4
5
6
7
class PrimitiveString {
  static [Symbol.hasInstance](x) {
    return typeof x === 'string'
  }
}
console.log('hello world' instanceof PrimitiveString) // true