JavaScript中的类型判断，了解一下？

在前端项目中，谁还没有被对象类型错误坑过？

一、typeof操作符

通过typeof操作符获取操作数的类型：

关于typeof操作符，我们需要记住两点，第一点：当操作数为null时。

第二点：当操作数为原始类型(Primitive)时很有效，但是对于对象具体类型的判断往往并不是我们需要的结果。

Tip: 6大原始类型Null、Undefined、String、Number、Boolean和Symbol。

Tip: 刚开始学习JS时，常听说：“JS中万物皆对象”，实际上这里的万物并不包含这里的Primitive Value。

二、instanceof操作符

instanceof操作符主要用来检查构造函数的原型是否在对象的原型链上。

接下来让我们搞点事情：

利用instanceof操作符，我们可以对自定义的对象进行判断：

三、constructor属性

实际上我们也可以通过constructor属性来达到类型判断的效果：

但是在实际情况下，constructor属性可以被随意修改，而且你在原型继承中，很容易忽略掉constructor的正确指向：

从好的编程习惯来说，我们应该要保持constructor属性的正确指向。

四、toString方法

利用toString方法基本上可以解决所有内置对象类型的判断：

但是这种方法对于自定义的构造函数仍然无效。

五、内置Symbol接口

ES6中通过Symbol暴露了一些内置的API：

现在，我们可以通过toString满足所有的需求了，但是也不乏有很皮的程序员：

例外对于instanceof操作符也暴露了Symbol.hasInstance，这里就不再赘述了。

六、那些年的坑

这里就举一个简单的例子：

用过toFixed()方法的人都知道它是Number.prototype上的方法，如果传入的并不是数字类型，那就会出现各种问题。

当然我们处于一个前端工具蓬勃发展的时代，涌现了很多静态类型检查的工具：

Flow.js Facebook出品

TypeScript Microsoft出品