原始数据类型和引用数据类型

一、原始数据类型（基础数据类型）

• 数字（Number）
• 字符串（String）
• 布尔值（Boolean）
• undefined
• null
• symbol（ES6引⼊的新原始数据类型）

二、复杂数据类型（对象类型或引⽤数据类型）

• 对象（object）
• 数组（array）
• 函数（function）

三、类型判断方法

在前端开发中，判断变量类型通常可以通过以下方法进行：

1. 使用typeof运算符

这是最常用的方法，适用于判断基本数据类型，如数字、字符串、布尔值、undefined和null。例如，`typeof 1`将返回`"number"`，`typeof "hello"`将返回`"string"`。

需要注意的是，对于数组、对象和null，`typeof`都会返回`"object"`。

2. 使用instanceof运算符

这个运算符用于判断一个对象是否是某个构造函数的实例，或者是否是其原型链中的某个类型的实例。

它主要用来判断引用类型，如自定义对象的实例。例如，如果有一个数组`arr`，`arr instanceof Array`将返回`true`。

3. 使用Object.prototype.toString.call（）

这种方法可以更准确地获取对象的原始类型字符串，包括数组和null。例如，`Object.prototype.toString.call([])`将返回`"[object Array]"`，`Object.prototype.toString.call({})`将返回`"[object Object]"`。

4. 使用constructor属性

每个对象都有一个`constructor`属性，指向其构造函数。通过比较这个属性，也可以判断对象的类型。例如，`[].constructor === Array`将返回`true`。

5. 使用第三方库或工具

有时候，为了方便起见，可能会使用第三方库或工具来帮助判断类型，例如jQuery的`$.type()`方法。

6. 使用Array.isArray()

这是一个内置的JavaScript方法，专门用于判断一个值是否为数组类型。它比`typeof`更可靠，因为`typeof`对于数组也会返回`"object"`。

 

综上所述，在实际应用中，可以根据需要选择合适的方法来判断变量的类型。例如，如果只需要判断基本数据类型，使用`typeof`就足够了；如果要判断对象的具体类型，可能需要结合`instanceof`或`Object.prototype.toString.call`来使用。在使用这些方法时，也需要注意它们各自的局限性和适用场景。