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出品

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180523G1P4FW00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券