面试官：前端使用 JavaScript 如何判断变量类型？

你知道吗，在 JavaScript 中，变量的类型是动态的，这意味着同一个变量可以存储不同类型的值。这种动态类型的特性既是优势，也可能带来一些意想不到的问题。

这几天我在做项目时，遇到了一个从方法返回的值问题。这个值由数字和字母组成，有三种情况：数字加字母、纯数字和空串。目标是过滤掉了空串，结果发现方法返回的值真是让人抓狂。纯数字时返回的居然不是字符串，而是数值。这导致我在直接调用字符串方法时报错了。

为了避免这种问题，我需要先判断一下返回值的类型。那么，你知道哪些判断变量类型的方法呢？

常用的类型判断方法

1. typeof 操作符：简洁快速，适合基本类型

typeof 操作符是我们判断基本类型的得力助手，例如字符串、数字、布尔值、undefined、函数、Symbol 以及 BigInt。

let num = 123;
console.log(typeof num); // 输出: 'number'

let str = "hello";
console.log(typeof str); // 输出: 'string'

let bool = true;
console.log(typeof bool); // 输出: 'boolean'

需要注意的是：

1. typeof null 会返回 'object'，而不是 'null'，这是 JavaScript 的一个历史遗留问题。
2. 对于数组和对象，typeof 操作符都会返回 'object'，无法区分。

2. instanceof 关键字：精准判断对象类型

1. 用于判断一个对象是否属于某个构造函数的实例。
2. 对于数组、日期等内置对象类型判断非常有用。

let arr = [];
console.log(arr instanceof Array); // 输出: true

let date = new Date();
console.log(date instanceof Date); // 输出: true

3. Array.isArray() 方法：简洁高效，专用于数组

Array.isArray() 方法是专门用来判断一个变量是否为数组类型的，比 instanceof 更简洁明了。

let arr = [];
console.log(Array.isArray(arr)); // 输出: true

4. Object.prototype.toString.call() 方法：全面精确，适合所有类型

Object.prototype.toString.call() 方法是最全面的类型判断方法，可以精确判断出包括 null 在内的所有类型的变量。它返回一个形如 '[object Type]' 的字符串，其中 Type 表示变量的类型。

let num = 123;
console.log(Object.prototype.toString.call(num)); // 输出: '[object Number]'

let arr = [];
console.log(Object.prototype.toString.call(arr)); // 输出: '[object Array]'

let nul = null;
console.log(Object.prototype.toString.call(nul)); // 输出: '[object Null]'

如何选择合适的类型判断方法？

• 对于基本类型判断，建议使用 typeof 操作符，简洁高效。
• 对于数组类型判断，Array.isArray() 方法最为准确。
• 对于对象类型判断，可以使用 instanceof 关键字。
• 对于需要精确区分所有类型的场景，Object.prototype.toString.call() 方法是最佳选择。