JS专题-变量与类型-（5）JS的类型判断方法

本文是在 ConardLi的“【JS 进阶】你真的掌握变量和类型了吗”文章上的总结和扩展，集中记述了js中的变量和数据类型的相关知识点及应用场景，共分为5部分。

本文为“JS专题-变量与类型”的第5篇，5）JS的类型判断方法，推荐使用 typeof、Object.prototype.toString.call()，不要用instanceof。

JS的类型判断方法

推荐使用 typeof、Object.prototype.toString.call()，不要用instanceof。

typeof

typeof可以用来准确判断

除null以外的原始类型

以及function这种引用类型

typeof 'ConardLi'  // string
typeof 123  // number
typeof true  // boolean
typeof Symbol()  // symbol
typeof undefined  // undefined

typeof function(){}  // function

typeof不适用于判断

大部分引用类型（除了上面的function类型）

原始类型 null

typeof [] // object
typeof {} // object
typeof new Date() // object
typeof /^\d*$/; // object

typeof null // object  初版Js就留下来的bug

instanceof

首先要明确一点的是：使用instanceof来检测数据类型不是它的设计初衷，它不能检测原始数据类型，且对于引用类型的判断也不准确。

它可以判断一些引用类型，原理是通过原型链：

[] instanceof Array // true
new Date() instanceof Date // true
new RegExp() instanceof RegExp // true

简单回顾下原型链的规则：

1.所有引用类型都具有对象特性，即可以自由扩展属性
2.所有引用类型都具有一个__proto__（隐式原型）属性，是一个普通对象
3.所有的函数都具有prototype（显式原型）属性，也是一个普通对象
4.所有引用类型__proto__值指向它构造函数的prototype
5.当试图得到一个对象的属性时，如果变量本身没有这个属性，则会去他的__proto__中去找

[] instanceof Array实际上是判断Array.prototype是否在[]的原型链上。

通过原型来判断就会造成误差：

[] instanceof Object // true
function(){}  instanceof Object // true

toString

在拆箱操作中提到了toString函数，我们可以调用它实现从引用类型的转换。
每一个引用类型都有toString方法，默认情况下，toString()方法被每个Object对象继承。如果此方法在自定义对象中未被覆盖，toString() 返回 “[object type]”，其中type是对象的类型。
上面提到了如果此方法在自定义对象中未被覆盖，toString才会达到预想的效果，事实上，大部分引用类型比如Array、Date、RegExp等都重写了toString方法。
我们可以直接调用Object原型上未被覆盖的toString()方法，使用call来改变this指向来达到我们想要的效果。

Object.prototype.toString.call()