分享JavaScript 类型判断的几种方法

我们来详细讲解一下“分享JavaScript 类型判断的几种方法”的完整攻略。

一、背景介绍

在JavaScript中，进行类型判断是一项非常重要和常用的操作。类型判断可以让我们更好的对变量进行操作和处理，避免出现意想不到的错误。本文将介绍JavaScript中常用的几种类型判断方法。

二、typeof方法

typeof方法可以返回一个值的类型。

typeof 123  // "number"
typeof "456" // "string"
typeof true  // "boolean"
typeof null  // "object"
typeof []    // "object"
typeof {}    // "object"
typeof function() {} // "function"

需要注意的是，typeof null返回的是"object"，这是JavaScript本身的一个bug。同时，对于function类型，typeof返回的是"function"。

三、instanceof方法

instanceof方法用来检查某个对象是否是某个构造函数的实例。需要注意的是，instanceof检查的是原型链，如果一个对象是另一个对象的实例，那么一定是true。

[] instanceof Object   // true，因为数组继承于对象
[] instanceof Array    // true，因为数组就是数组
{} instanceof Object   // true，因为对象就是对象
({}) instanceof Array // false，对象不是数组

需要注意的是，instanceof只能检测对象类型。

四、Object.prototype.toString方法

我们可以通过Object.prototype.toString方法，来对数据类型进行判断。该方法返回一个字符串，表示当前对象的类型。

Object.prototype.toString.call("123")  // "[object String]"
Object.prototype.toString.call(123)    // "[object Number]"
Object.prototype.toString.call(true)   // "[object Boolean]"
Object.prototype.toString.call(null)   // "[object Null]"
Object.prototype.toString.call([])     // "[object Array]"
Object.prototype.toString.call({})     // "[object Object]"
Object.prototype.toString.call(() => {})    // "[object Function]"

需要注意的是，该方法可以检测所有类型，但是返回的字符串格式不同。可以根据返回的字符串来进行类型判断。

五、总结

总的来说，JavaScript中常用的类型判断方法有typeof、instanceof、Object.prototype.toString。需根据具体情况选择合适的方法进行判断。

六、示例说明

示例1

function foo() {}
console.log(typeof foo)        // "function"
console.log(foo instanceof Object)       // true
console.log(Object.prototype.toString.call(foo))   // "[object Function]"

上述代码中，我们首先定义了一个foo函数。然后通过typeof方法判断，返回的是"function"。接着通过instanceof方法判断，返回的是true。最后通过Object.prototype.toString方法判断，返回的是"[object Function]"。

示例2

const myArr = [1, 2, 3, 4, 5]
console.log(typeof myArr)        // "object"
console.log(myArr instanceof Array)    // true
console.log(Object.prototype.toString.call(myArr))  // "[object Array]"

上述代码中，我们首先定义了一个数组myArr。然后通过typeof方法判断，返回的是"object"。接着通过instanceof方法判断，返回的是true。最后通过Object.prototype.toString方法判断，返回的是"[object Array]"。