详解JavaScript如何准确获取任意变量的数据类型

获取JavaScript变量的数据类型是一个非常常见的需求，今天我来细致地讲解一下JavaScript如何准确获取任意变量的数据类型的攻略。

获取JavaScript变量的数据类型

在JavaScript中，我们可以使用typeof运算符来获取任意变量的数据类型。该运算符返回的是一个字符串，表示所对应变量的数据类型。

例如：下面是使用typeof运算符获取数据类型的示例代码：

var a = 42;
var b = "hello world";
var c = true;
var d = null;
var e = undefined;
var f = {};
var g = function hello(){};

console.log(typeof a);   // 输出 "number"
console.log(typeof b);  // 输出 "string"
console.log(typeof c);  // 输出 "boolean"
console.log(typeof d);  // 输出 "object"
console.log(typeof e);  // 输出 "undefined"
console.log(typeof f);  // 输出 "object"
console.log(typeof g);  // 输出 "function"

在上述示例代码中，我们定义了七个变量，分别为数字类型、字符串类型、布尔类型、空类型、未定义类型、对象类型、函数类型。然后通过console.log()方法输出每个变量的数据类型。

对于数字、字符串、布尔、null类型，typeof运算符可以正确地获取其对应的数据类型，但是对于对象、undefined、函数类型，typeof运算符存在一些限制。

在上面的示例代码中，对于对象类型的变量f，我们使用typeof运算符获取到的值为"object"，无法区分对象类型的具体子类型。而对于函数类型的变量g，我们使用typeof运算符获取到的值为"function"，而非"object"，这也是一个值得注意的地方。而对于undefined类型的变量e，typeof运算符获取到的值为"undefined"，可以正确识别。

因此，在实际开发中，我们需要结合其他方法来获取对象类型和函数类型的具体子类型。

使用instanceof运算符来获取对象类型的具体子类型

在JavaScript中，我们可以使用instanceof运算符来获取对象类型的具体子类型。instanceof运算符执行时，会检查其左操作数是否为其右操作数的实例，如果是，则返回true，否则返回false。

例如：下面是使用instanceof运算符获取对象类型的具体子类型的示例代码：

var arr = [];
var obj = {};
var fun = function(){};

console.log(arr instanceof Array);   // 输出 "true"
console.log(obj instanceof Object);  // 输出 "true"
console.log(fun instanceof Function);  // 输出 "true"

在上述示例代码中，我们定义了三个对象类型的变量arr、obj、fun。然后我们使用instanceof运算符来判断它们是否为其对应的具体子类型，即数组、普通对象、函数类型。我们可以看到，通过instanceof运算符可以正确识别对象类型的具体子类型。

使用Function.prototype.toString方法来获取函数类型的具体子类型

在JavaScript中，我们可以使用Function.prototype.toString方法来获取一个函数的源代码字符串形式。具体地，该方法可以返回一个形如"function () { [native code] }"的字符串。使用正则表达式就可以获取到函数类型的具体子类型。

例如：下面是使用Function.prototype.toString方法获取函数类型的具体子类型的示例代码：

function foo() {}
var bar = function() {};

var reg1 = /function\s(\w*)\(\)/;
var reg2 = /function\s(\w*)\s*\(/;

console.log(foo.toString().match(reg1)[1]);   // 输出 "foo"
console.log(bar.toString().match(reg2)[1]);   // 输出 "bar"

在上述示例代码中，我们定义了两个函数类型的变量foo、bar。然后我们使用Function.prototype.toString方法获取它们的源代码字符串形式，再通过正则表达式来获取它们的具体子类型。我们可以看到，通过该方式也可以正确识别函数类型的具体子类型。

总结

在JavaScript中，我们可以使用typeof运算符来获取任意变量的数据类型，但是对于对象类型、undefined、函数类型的变量存在识别限制。因此，在实际开发中，我们需要结合其他方法来获取对象类型和函数类型的具体子类型。使用instanceof运算符可以正确识别对象类型的具体子类型，而使用Function.prototype.toString方法可以正确识别函数类型的具体子类型。