详解JavaScript数据类型和判断方法
前言
JavaScript中目前有7种基本（原始primitives）数据类型Undefined，Null，Boolean，Number，String，BigInt，Symbol，以及一种引用类型Object，Object中又包括Function，Date，JSON，RegExp等，除了7种原始类型，其他的所有能够用new实例化的内置类型都是Object构造的。
数据类型
对于数据了类型我们可以通过typeof运算符来判断，具体结果看下图。
原始类型中两个比较特殊的就是Undefined和Null，他们两个类型都只有一个值就是undefined和null。
Undefined
undefined一般表示我们未对变量进行初始化。使用typeof操作符的时候，如果是未声明变量，同样也会返回undefined，再比如未设置返回值的函数执行的结果是undefined，未设置的参数也会被默认为undefined。最后还有一点需要注意的是，undefined并不是js的保留字，并且是全局对象的一个属性，在浏览器环境中就是window.undefined。当在局部环境中，我们是可以自己给undefined属性赋值的，也就是重写undefined，所以为了确保我们使用的undefined是未被重写的，我们可以使用void0来代替。
Null
null可以简单理解为一个未被创建的对象，比如我们使用document.getElementById并没有找到对应元素的时候就会返回null。null和undefined有一些区别，在转换为Number的时候，null会转换为0而undefined会转换为NaN，执行typeof运算的时候，undefined返回undefined而null返回object。使用==判断两者相等会返回true，所以为了防止误判一般我们使用全等===。null是所有对象原型链的终点，Object.prototype.__proto__===null。
关于null的使用，当我们声明一个变量是用来存储对象我们可以先赋值为null，当一个对象不再需要的时候，我们可以设置为null解除这个引用。
Symbol和BigInt
这两个都是ES6新增的原始数据类型，Symbol类型的数据通过Symbol()方法的执行产生，不过需要注意的是Symbol不能作为构造函数，每个从Symbol()返回的symbol值都是唯一的。一个symbol值能作为对象属性的标识符；这是该数据类型仅有的目的。
而BigInt则是为了精确表示超出双精度浮点数的最大安全表示范围的大数而新增的基本数据类型。
判断数据类型的方法
typeof运算符
最简单的判断数据类型的方法是typeof运算符，返回值为字符串。typeof的缺点是除了Function以外的其他所有对象的返回值都是object（null的返回值也是object），如果我们需要区分不同的对象，就无法使用typeof。
instanceof运算符
instanceof运算符是检测构造函数的原型是否出现在某个对象的原型链上。通过instanceof运算符我们可以实现对Object类型的细分，确定属于哪种对象。但是instanceof的缺点是只能对对象进行检测，对于基本数据类型的实例无法检测（字面量无法检测，但是通过基本包装类型的构造函数创建的基本类型可以进行检测）。
constructor属性
利用实例的constructor属性来辅助判断实例的数据类型也是一种手段。一般来说，实例本身是没有constructor属性的，我们所看到的属性都是实例.__proto__.constructor，换言之也就是实例的构造函数，这种方式对基本数据类型也是有效的。这种方法的一个比较大的问题是constructor属性是个不受保护的属性，随时可能被更改，我们既可以给实例增加constructor属性，也可以修改构造函数的prototype的引用，也可以直接修改原型的constructor属性。
Object.prototype.toString.call()
这是最安全准确的检测数据类型的方法，每一种数据类型的构造函数的原型上都有toString方法，但是除了Object.prototype上的toString是用来返回当前实例所属类的信息（检测数据类型的），其余的都是转换为字符串的。该方法可以准确检测所有内置类型。自定义类型的返回值为ObjectObject
lettoString=Object.prototype.toString//=>Object.prototype.toString
console.log(toString.call(10));//=>"[objectNumber]"
console.log(toString.call(NaN));//=>"[objectNumber]"
console.log(toString.call("xxx"));//=>"[objectString]"
console.log(toString.call(true));//=>"[objectBoolean]"
console.log(toString.call(null));//=>"[objectNull]"
console.log(toString.call(undefined));//=>"[objectUndefined]"
console.log(toString.call(Symbol()));//=>"[objectSymbol]"
console.log(toString.call(BigInt(10)));//=>"[objectBigInt]"
console.log(toString.call({xxx:'xxx'}));//=>"[objectObject]"
console.log(toString.call([10,20]));//=>"[objectArray]"
console.log(toString.call(/^\d+$/));//=>"[objectRegExp]"
console.log(toString.call(function(){}));//=>"[objectFunction]"
以上就是详解JavaScript数据类型和判断方法的详细内容，更多关于JavaScript数据类型和判断方法的资料请关注毛票票其它相关文章！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。