JavaScript类型检测的利器：全面解析四种主流方法，带你轻松掌握！

2023-09-12 00:55:49

JavaScript类型检测入门

在JavaScript中，类型检测是一种确定变量数据类型的方法。它可以帮助我们确保程序按预期运行，避免不必要的错误。JavaScript提供了四种类型检测方法：typeof、instanceof、Object.prototype.toString和constructor。

1. typeof：简单高效的类型检测

typeof是最简单直接的类型检测方法。它返回一个字符串，表示变量的数据类型。typeof可以检测出以下几种基本数据类型：

string
number
boolean
undefined
object
function

示例：

console.log(typeof "Hello World!"); // "string"
console.log(typeof 123); // "number"
console.log(typeof true); // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof {}); // "object"
console.log(typeof function() {}); // "function"

2. instanceof：检测对象的类型

instanceof可以检测一个对象是否属于某个类。语法如下：

object instanceof Class

示例：

function Person(name) {
  this.name = name;
}

const person = new Person("John Doe");

console.log(person instanceof Person); // true
console.log(person instanceof Object); // true

3. Object.prototype.toString：获取对象的类型字符串

Object.prototype.toString返回一个字符串，表示对象的类型。这个字符串的格式为"[object Type]"，其中Type是对象的类型名称。

示例：

console.log(Object.prototype.toString.call("Hello World!")); // "[object String]"
console.log(Object.prototype.toString.call(123)); // "[object Number]"
console.log(Object.prototype.toString.call(true)); // "[object Boolean]"
console.log(Object.prototype.toString.call(undefined)); // "[object Undefined]"
console.log(Object.prototype.toString.call({})); // "[object Object]"
console.log(Object.prototype.toString.call(function() {})); // "[object Function]"

4. constructor：获取对象的构造函数

constructor返回对象的构造函数。语法如下：

object.constructor

示例：

const person = new Person("John Doe");

console.log(person.constructor); // function Person(name) { this.name = name; }

类型检测方法比较

四种类型检测方法各有优缺点。下表总结了它们的用法和优缺点：

方法	用法	优缺点
typeof	返回变量的数据类型。	简单高效，但不能区分数组和对象。
instanceof	检测对象是否属于某个类。	只能检测对象类型，不能检测基本数据类型。
Object.prototype.toString	返回一个字符串，表示对象的类型。	可以检测所有类型的数据，但返回的字符串格式比较复杂。
constructor	返回对象的构造函数。	可以检测所有类型的数据，但不能区分数组和对象。