面试经常问到的JS中的数据类型检测方案

面试经常问到的JS中的数据类型检测方案

---

1.typeof

代码如下（示例）：

console.log(typeof 100)                 // number
console.log(typeof true)                // boolean
console.log(typeof 'dg')                // string
console.log(typeof function(){})        // function
console.log(typeof console.log())       // function
console.log(typeof [])                  // object 
console.log(typeof {})                  // object
console.log(typeof null)                // object
console.log(typeof undefined)           // undefined

优点：能够快速区分基本数据类型
缺点：不能将Object、Array和Null区分，都返回object

2.instanceof

console.log(100 instanceof Number)                    // false
console.log(true instanceof Boolean)                  // false 
console.log('ldg' instanceof String)                  // false  
console.log([] instanceof Array)                      // true
console.log(function(){} instanceof Function)         // true
console.log({} instanceof Object)                     // true

优点：能够区分Array、Object和Function，适合用于判断自定义的类实例对象
缺点：Number，Boolean，String基本数据类型不能判断

3.Object.prototype.toString.call()

const toString = Object.prototype.toString;
console.log(toString.call(100))                       //[object Number]
console.log(toString.call(true))                      //[object Boolean]
console.log(toString.call('dg'))                      //[object String]
console.log(toString.call([]))                        //[object Array]
console.log(toString.call({}))                        //[object Object]
console.log(toString.call(function(){}))              //[object Function]
console.log(toString.call(undefined))                 //[object Undefined]
console.log(toString.call(null))                      //[object Null]

优点：精准判断数据类型
缺点：写法繁琐不容易记，推荐进行封装后使用

---