js中的数据类型检测

js数据类型检测的几种方法

一、typeof （检测基本类型值）

• 使用时直接 typeof 要检测的类型值，比如

typeof 123 //number

• typeof 可以检测 number、string、boolean、null、undefined、symbol、Bigint这些基本类型值。
• 对于引用类型只可以检测出object（包括不同对象、数组、正则、日期等等）、function等 也就是说不管对象类型具体为什么类型都显示为 object比如：

typeof [1,2,3]//Object

• 并且typeof 返回的结果都是字符串，对于null的检测结果也为object（遗留问题，与instanceof不同）

二、instanceof（检测对象类型）

• 使用时 [要检测的数据] instanceof [要验证的对象类型]比如

let testArr = [1, 2, 3]
console.log(testArr instanceof Array)//true

• 该方法返回一个boolean数据，来判断是否属于数据该类
• 原理就是通过原型链来判断实例的__proto__是否与检测类型的prototype一致，比如

let testArr = [1, 2, 3];
console.log(testArr instanceof Array); //true
console.log(
  testArr.__proto__ === Array.prototype,
  testArr.__proto__.__proto__ === Object.prototype
); //true true

• instanceof无法检测基本类型值，比如一个number、string等，除非是新建基本类的实例，如下所示

console.log(123 instanceof Number); //false
let n = new Number(123);
let s = new String("abc");
console.log(n instanceof Number, s instanceof String); //true true

三、constructor （检测对象类型）

• 使用时就[要判断的类型值].constructor === [需要验证的类]，比如

console.log([1, 2, 3].constructor === Array); //true

• 原理也是通过原型链，我们知道原型prototype上都有一个constructor属性指向其构造函数。所以实例获取constructor时，自身没有这个属性，向原型上找然后比对，也无法判断基本类型值

四、Object的toString方法（全能）

• 使用时Object.prototype.toString.call(需要判断的值)，通过call来改变Object的toString方法的this指向，从而达到判断类型的效果。比如

//此方法即可以判断值类型，也可以判断引用类型值，比较常用
console.log(
  Object.prototype.toString.call(123),
  Object.prototype.toString.call([1, 2, 3]),
  Object.prototype.toString.call({ a: 123 })
);//[object Number] [object Array] [object Object]

关于call和apply和bind方法另出一篇笔记文章