JavaScript 中怎样判断变量类型

在 JavaScript 编程中，准确判断变量类型是一项基础且关键的技能。它有助于我们编写更健壮、可靠的代码，避免潜在的错误和异常。以下将介绍几种常见的判断变量类型的方法。

typeof 运算符

typeof 运算符是最基本的判断变量类型的方式。它会返回一个表示数据类型的字符串。例如：

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

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

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

let func = function() {};
console.log(typeof func); // 输出 'function'

不过，typeof 存在一定局限性，对于数组、对象和 null，它都会返回 object。例如：

let arr = [];
console.log(typeof arr); // 输出 'object'

let obj = {};
console.log(typeof obj); // 输出 'object'

let n = null;
console.log(typeof n); // 输出 'object'（这是 JavaScript 语言的一个历史遗留问题）

instanceof 运算符

instanceof 用于判断一个对象是否是某个构造函数的实例。它会检查对象的原型链中是否包含该构造函数的 prototype 属性。

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

function Person() {}
let p = new Person();
console.log(p instanceof Person); // 输出 true

但 instanceof 主要针对对象实例的判断，对于基本数据类型并不适用。

constructor 属性

每个对象都有一个 constructor 属性，它指向创建该对象的构造函数。

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

let obj = {};
console.log(obj.constructor === Object); // 输出 true

然而，constructor 属性也有缺陷，如果对象的 constructor 属性被修改，结果就会不准确。

Object.prototype.toString.call 方法

这是一种较为准确和通用的方法。它会返回一个包含数据类型信息的字符串。

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

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

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

通过这种方式，能够精确区分各种数据类型，包括基本数据类型和复杂数据类型。

在实际编程中，我们需要根据具体需求选择合适的方法来判断变量类型，以确保代码的正确性和稳定性。