如何使用JavaScript确定变量类型

在JavaScript中，有多种方式可以用来判断数据的类型，每种方式都有其适用场景和局限性。以下是一些常用的方法来判断JavaScript中的数据类型。

`typeof` 操作符

`typeof` 操作符返回一个字符串，表示未经计算的操作数的类型。

typeof 42; // "number"
typeof 'str'; // "string"
typeof true; // "boolean"
typeof undefined; // "undefined"
typeof Symbol('foo'); // "symbol"
typeof {}; // "object"
typeof []; // "object"
typeof null; // "object"

注意：`typeof` 对于 `null` 会返回 `”object”`，这是一个历史遗留问题。对于函数类型，`typeof` 会返回 `”function”`。

`instanceof` 操作符

`instanceof` 操作符用于检测构造函数的 `prototype` 属性是否出现在对象的原型链中。

({}) instanceof Object; // true
[] instanceof Array; // true
new Date() instanceof Date; // true

注意：`instanceof` 的行为与原型链相关，因此它不适用于判断原始类型（如字符串、数字等）。

`Object.prototype.toString`

`Object.prototype.toString` 方法返回一个表示该对象类型的字符串。

Object.prototype.toString.call(42); // "[object Number]"
Object.prototype.toString.call('str'); // "[object String]"
Object.prototype.toString.call(true); // "[object Boolean]"
Object.prototype.toString.call(undefined); // "[object Undefined]"
Object.prototype.toString.call(null); // "[object Null]"
Object.prototype.toString.call({}); // "[object Object]"
Object.prototype.toString.call([]); // "[object Array]"
Object.prototype.toString.call(function() {}); // "[object Function]"

如何使用JavaScript确定变量类型

这种方法可以跨窗口、框架识别数据类型。

自定义 `getType` 函数

为了简化类型检查，我们可以创建一个自定义函数，如下：

function getType(obj) {
return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
}

getType(42); // "number"
getType('str'); // "string"
getType(null); // "null"
getType({}); // "object"
getType([]); // "array"