【javascript基础——系列4】关于js的数据类型以及判别方法

举例：console.log(typeof undefined); // undefined
console.log(typeof []); // object
console.log(typeof {}); // object
console.log(typeof function(){}); // function
console.log(typeof null); // object

优点：能够快速区分基本数据类型
缺点：不能将Object、Array和Null区分，都返回object

2、instanceof

举例：console.log(2 instanceof Number); // false
console.log(true instanceof Boolean); // false
console.log(‘str’ instanceof String); // false
console.log([] instanceof Array); // true
console.log(function(){} instanceof Function); // true
console.log({} instanceof Object); // true

优点：能够区分Array、Object和Function，适合用于判断自定义的类实例对象
缺点：Number，Boolean，String基本数据类型不能判断

3、Object.prototype.toString.call()

举例：console.log(Object.prototype.toString.call(2)); //[object Number]
console.log(Object.prototype.toString.call(true)); //[object Boolean]

优点：精准判断数据类型
缺点：写法繁琐不容易记，推荐进行封装后使用

4.constructor

constructor判断数组和对象，但无法判断null，因为null不是对象没有constructor
  console.log("".constructor == String); //true
  console.log(false.constructor == Boolean); //true
  console.log(new Number(10).constructor == Number); //true 这里要使用对象的方式
  console.log([].constructor == Array); //true
  console.log({}.constructor == Object); //true

当函数被定义时，JS引擎会自动为其添加prototype原型对象，并在原型对象上添加constructor和__proto__两个属性，constructor用于再指向该函数，__proto__最终都指向Object.prototype，用于原型链查找。所以当我们通过构造函数创建对象后，每个对象的原型链上都有constructor属性，而constructor属性又指向了构造函数的引用，所以可以通过这种方式判断数据类型。

三、instanof的实现原理

instanceof 主要的实现原理就是只要右边变量的 prototype 在左边变量的原型链上即可。因此，instanceof 在查找的过程中会遍历左边变量的原型链，直到找到右边变量的 prototype，如果查找失败，则会返回 false

举例：console.log(2 instanceof Number); // false
console.log(true instanceof Boolean); // false
console.log(‘str’ instanceof String); // false
console.log([] instanceof Array); // true
console.log(function(){} instanceof Function); // true
console.log({} instanceof Object); // true