JS中准确判断变量类型的方法

当我们在编写JavaScript代码时，经常需要对不同的变量类型做出不同的操作。因此，准确判断变量类型是非常重要的一项技能。本文将分享几种JS中准确判断变量类型的方法，并提供两条示例进行演示。

使用typeof运算符判断变量类型

typeof运算符可以返回一个变量的数据类型，例如：字符串、数字、布尔值、对象、undefined和function六种。使用typeof可以很快速地判断变量的数据类型，如下：

var a = 'hello world';
console.log(typeof a); //输出：string

var b = 123;
console.log(typeof b); //输出：number

var c = true;
console.log(typeof c); //输出：boolean

var d = {};
console.log(typeof d); //输出：object

var e;
console.log(typeof e); //输出：undefined

var f = function(){};
console.log(typeof f); //输出：function

需要注意的是，需要特别对待typeof null的情况，因为typeof null返回的是object，而不是null。

使用instanceof运算符判断变量类型

instanceof运算符可以判断一个变量是否是某个类的实例，用途非常广泛，常见的应用场景是判断一个对象是否是某个类的实例，例如：

var Person = function(name){this.name = name;};
var p = new Person('tom');
console.log(p instanceof Person); //输出：true

需要注意的是，instanceof只能用来判断对象是否是某个类的实例，不能用来判断基本数据类型。

使用Object.prototype.toString方法判断变量类型

使用Object.prototype.toString可以获取一个变量的数据类型信息，其返回值格式为[object 类型]，例如：

var a = [];
console.log(Object.prototype.toString.call(a)); //输出：[object Array]

var b = {};
console.log(Object.prototype.toString.call(b)); //输出：[object Object]

var c = function(){};
console.log(Object.prototype.toString.call(c)); //输出：[object Function]

var d = null;
console.log(Object.prototype.toString.call(d)); //输出：[object Null]

需要特别注意的是，在判断null和undefined时，使用Object.prototype.toString.call方法会返回[object Null]和[object Undefined]。

示例一：使用typeof判断变量类型

下面的示例展示了如何使用typeof判断变量类型。

var a = 'hello world';
if(typeof a === 'string'){
    console.log('变量a是字符串类型');
}

var b = 123;
if(typeof b === 'number'){
    console.log('变量b是数字类型');
}

运行该示例，可以看到输出结果如下：

变量a是字符串类型
变量b是数字类型

示例二：使用instanceof判断对象是否是某个类的实例

下面的示例展示了如何使用instanceof判断对象是否是某个类的实例。

var Person = function(name){
    this.name = name;
};
var p = new Person('tom');
if(p instanceof Person){
    console.log('p是Person的实例');
}

运行该示例，可以看到输出结果为：p是Person的实例。

总结

以上是JS中准确判断变量类型的方法，可以根据实际需要灵活运用。需要注意的是，不同的判断方法适用于不同的场景，并且需要注意它们的返回值类型，才能避免出现不必要的错误。