前言

JavaScript作为一门动态类型语言，其变量在运行时可以改变类型，本质只是保存值的一个名称，变量本身并不会约束值类型，这为灵活性提供了很大的空间，但也带来了类型判断的复杂性；在开发过程中，准确地判断变量的类型对于确保代码的健壮性和可维护性至关重要

数据类型

在进行类型判断前，先了解下Js都有哪些类型，和大多数编程语言类似，可分为基本类型和引用类型两类

基本类型

基本类型也可称为原始类型，它们的值是原始的、不可变的，即直接存储在变量(栈内存)中，代表数据本身

基本类型本身是不具备属性和方法，不能像对象一样进行修改或扩展；对于基本类型的任何操作(如拼接字符串、数学运算等)，都会返回一个新值，而不会修改原始值

基本类型本质是不具备方法和属性，但我们可以使用类似'something'.length访问属性的方式获取字符串的长度；这是当我们尝试访问基本类型的属性或方法时，JavaScript会自动将基本类型转换为其对应的对象类型(包装类型)，这个过程称为“装箱”(boxing)

如：当尝试访问字符串的属性或调用字符串的方法时，JavaScript会临时创建一个String对象，在这个对象上，可以使用属性和方法，本质上是在String对象上调用的，变量本身还是一个基本类型字符串

• undefined — 表示未定义的值
• null — 表示空的或不存在的对象引用
• boolean — 只有两个值，true 和 false；其包装类型为Boolean
• number — 用于表示数字，包括整数和浮点数；其包装类型为Number
• string — 表示文本数据，是由一对单引号或双引号括起来的字符序列；其包装类型为String
• symbol — 表示唯一且不可变的原始值，可用于做对象属性的唯一标识符；其包装类型为Symbol
• bigint — 表示任意大小的整数；其包装类型为BigInt

symbol是在ES 2015引入的，主要用于创建私有对象属性，避免命名冲突

bigint是在ES 2019引入的，主要用于处理大整数计算等

引用类型

引用类型也可称为对象类型，在JavaScript中几乎所有的非基本类型值都是对象；对象值本身保存在堆内存中，变量保存的是对象的引用(地址)，如：

• Object — 是JavaScript中最基本的对象类型，几乎所有的对象都继承自Object
• Function — 是一种特殊对象(函数)，用于封装可执行的代码块
• Array — 是一种特殊的对象类型，用于存储有序的数据集合(数组)
• Date — 日期对象，用于处理日期和时间
• Error — 用于表示错误的对象，包含有用的错误信息

以上仅列出一些常用的内置对象，Js还有很多内置对象，具体可看其标准库

类型判断

判断类型是Js比较常见的一个需求，在Js中提供了一些操作符、方法，可用于辅助判断类型

typeof

typeof是一个用于返回一个变量(除null外)的基本类型的操作符

语法如下：

• operand表示需判断类型的表达式

其可能值如下：

• undefined — 未定义的值
• boolean — 布尔
• number — 数值
• string — 字符串
• bigint — bigint类型，大整数，以n为后缀的整数
• symbol — 唯一值
• object — 对象或空值(null)
• function — 函数

举个栗子

typeof主要用于判断除null外的基本类型，对于对象类型应用更精确的判断方法

其中，typeof null返回object是由于 JavaScript 的早期设计(null 被认为是一个空对象的引用)和内部类型标签的历史遗留问题；这一行为虽然不符合直觉，但由于其广泛使用和兼容性考虑，JavaScript 语言标准保持了这一结果

在实际编程中，建议使用更明确的方法来检查null和对象类型，以避免混淆

如：可以用=== null的形式判断null

instanceof

instanceof用于检测一个对象是否是某个构造函数的实例，本质是判断构造函数的prototype属性是否出现在某个实例对象的原型链上

语法如下：

• object为需判断的对象实例
• constructor表示对应的对象

如果object的原型链中存在constructor.prototype，则返回true，否则返回false；简单的说，就是判断object是否是constructor的实例

举个栗子

instanceof只能用来检测对象类型，而不能用于检测基本类型

class语法是在ES 2015中引入的，用于定义构造函数和类的继承，基于function构造器实现的，实际上是函数的一个特殊形式，因此instanceof Function为true

模拟实现

根据instanceof的判断原理，我们可以自己实现一个instanceof，如下：

constructor

与instanceof类似，可以通过对象的constructor属性直接检查构造函数，以此判断类型

如下：

instanceof是用于判断对象是否是某个构造函数的实例的强大工具，能够正确处理继承和原型链关系；而直接判断constructor仅适用于简单情况，对于复杂的继承结构可能会导致误判

注意：constructor属性在某些情况下可能被重写，因此不是最可靠的方式

获取类型名称

主要通过Object.prototype.toString.call()方法获取，是一种比较可靠的对象类型判断方式，其返回一个标准格式的字符串[object Type]，其中Type是对象的类型，默认情况下会返回[object Object]

举个栗子

使用这种方法可以较为准确地判断值的类型

观察以上代码，可发现对于自定义类的实例类型，只能返回默认的[object Object]，如果我们希望其能够返回有意义的类型字符串，需要对其对象做一些增强，通过特殊的对象属性Symbol.toStringTag自定义对象的toString方法的行为

Object.prototype.toString.call()适用于所有JavaScript内置数据类型，包括基本类型和对象类型

我们可以对其进行一些简单的封装，使其直接返回实例类型，方便判断使用：

总结

JavaScript提供了多种类型判断的方法，各自有其适用的场景，typeof操作符简单且适用于基本类型的判断，而instanceof和Object.prototype.toString.call()更适合复杂对象的判断；在实际应用中，可根据不同的需求选择合适的类型判断方式