1

javascript中关于类型的判断有很多种方法, 这里介绍两种常用的。

  • typeof

typeof操作符返回一个字符串,表示未经计算的操作数的类型。

 console.log(typeof 12); // number

 console.log(typeof 'hello'); // string

 console.log(typeof true); // boolean

MDN中, typeof的用法记录的很详细。

clipboard.png

这里有个js的关键点, 即typeof null == object。 null 不是一个对象,尽管 typeof null 输出的是 object,这是一个历史遗留问题,JS 的最初版本中使用的是 32 位系统,为了性能考虑使用低位存储变量的类型信息,000 开头代表是对象, null 表示为全零,所以将它错误的判断为 object 。

正因为typeof不能准确判断一个对象变量, 所以需要下面一种方法

  • Object.prototype.toString.call

使用Object.prototype上的原生toString()方法判断数据类型

 console.log( Object.prototype.toString.call( 'hello' )) // [object String]

 console.log( Object.prototype.toString.call( 1 )) // [object Number]

 console.log( Object.prototype.toString.call( [1, 2, 3] )) // [object Array]

 console.log( Object.prototype.toString.call( null )) // [object Null]

可以将这样的一长串代码封装成检测类型的方法

let isType = type => obj => {
  return Object.prototype.toString.call( obj ) === `[object ${type}]`
}

isType('String')('123');       // true
isType('Array')([1, 2, 3]);    // true
isType('Number')(1);           // true

Ping
11 声望1 粉丝