js判断数据类型的方法

js判断数据类型的方法

1、typeof

2、instanceof

instanceof 是用来判断 A 是否为 B 的实例，表达式为：A instanceof B，如果 A 是 B 的实例，则返回 true，否则返回 false。 需特别注意：instanceof 检测的是原型
即instanceof 用来比较一个对象是否为某一个构造函数的实例。instanceof可以准确的判断复杂数据类型，但是不能正确判断基本数据类型。
instanceof 的原理:主要的实现原理就是只要右边变量的 prototype在左边变量的原型链上即可。
因此，instanceof 在查找的过程中会遍历左边变量的原型链，直到找到右边变量的 prototype，如果存在返回true 否则返回false
注意：instanceof 运算时会递归查找leftVaule的原型链，即leftVaule.proto.proto.proto.proto… 直到找到了或者找到顶层为止。
一句话理解其运算规则：instanceof 检测左侧的 proto 原型链上，是否存在右侧的 prototype 原型。

3、constructor

JavaScript中，每个对象都有一个constructor属性，可以得知某个实例对象，到底是哪一个构造函数产生的， constructor属性表示原型对象与构造函数之间的关联关系。

当一个函数F被定义时，JS引擎会为F添加prototype原型，然后在prototype上添加一个constructor属性，并让其指向F的引用，F利用原型对象的constructor属性引用了自身，当F作为构造函数创建对象时，原型上的constructor属性被遗传到了新创建的对象上，从原型链角度讲，构造函数F就是新对象的类型。这样做的意义是，让对象诞生以后，就具有可追溯的数据类型。

通过typeof运算符来判断它是原始的值还是对象。如果是对象，就可以使用constructor属性来判断其类型。

如判断数组的函数：
注意：null 和 undefined 是没有 constructor 存在的，这两种类型的数据需要通过其他方式来判断。
2、如果修改了原型对象，一般会同时修改constructor属性，防止引用的时候出错。所以，修改原型对象时，一般要同时修改constructor属性的指向。
如上代码，每次实例化出一个对象，都会添加getArea方法，是三个对象共有且不变的，因此将getArea放在构造函数中就会在创建对象时被多次添加，浪费内存！

因此我们将getArea添加到原型对象上就减少了多次添加，实例化对象会沿着原型链查找到此属性
很多情况下，我们可以使用instanceof运算符或对象的constructor属性来检测对象是否为数组。

如很多JS框架就是使用这两种方法来判断对象是否为数组类型。 但是检测在跨框架（cross-frame）页面中的数组时，会失败。

原因就是在不同框架（iframe）中创建的数组不会相互共享其prototype属性。例如：

4、Object.prototype.toString.call()

通过原型上的toString方法 需要利用call 指向进行返回正确的信息