手撕JS类型判断：成为 JavaScript 类型大师！

JavaScript 类型判断：手撕利器，掌握数据类型

JavaScript 作为一门灵活的语言，提供了多种方式来检查变量的数据类型。理解这些方法对于编写健壮的代码至关重要，因为它可以防止意外的错误和类型转换问题。

认识 JavaScript 数据类型

JavaScript 数据类型主要分为两大类：基本类型和引用类型。基本类型包括字符串、数字、布尔值、null 和 undefined，而引用类型包括对象、数组和函数。了解这些类型至关重要，因为不同的类型需要不同的判断方法。

类型判断方法

1. typeof 操作符

最简单的方法是使用 typeof 操作符，它返回变量的类型字符串。例如：

console.log(typeof "Hello World"); // "string"
console.log(typeof 123); // "number"
console.log(typeof true); // "boolean"
console.log(typeof null); // "object"
console.log(typeof undefined); // "undefined"

需要注意的是，typeof 操作符将 null 识别为 "object"，因为在 JavaScript 中 null 是一个特殊的对象。

2. instanceof 操作符

instanceof 操作符用于检查一个对象是否是指定类的实例。例如：

class Person {
  constructor(name) {
    this.name = name;
  }
}

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

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

3. constructor 属性

每个 JavaScript 对象都有一个 constructor 属性，它指向创建该对象的函数。我们可以使用此属性来检查对象的类型：

if (person.constructor === Person) {
  // person 是一个 Person 对象
}

4. Object.prototype.toString.call() 方法

Object.prototype.toString.call() 方法返回一个对象的类型字符串。例如：

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(null)); // "[object Null]"
console.log(Object.prototype.toString.call(undefined)); // "[object Undefined]"

这个方法对于检查 null 和 undefined 的类型特别有用，因为 typeof 操作符将这两个值都识别为 "object"。

严格相等与非严格相等

在 JavaScript 中，有两个相等运算符：严格相等（===）和非严格相等（==）。严格相等会检查类型和值是否相等，而非严格相等只检查值是否相等。

console.log(1 === "1"); // false
console.log(1 == "1"); // true

在进行类型判断时，通常建议使用严格相等运算符，以避免意外的类型转换。

类型转换

JavaScript 允许通过类型转换函数将一种类型的数据转换为另一种类型。例如：

const num = "123";
const number = Number(num);
console.log(typeof number); // "number"

在进行类型转换时，需要注意以下几点：

• 类型转换可能会导致数据丢失，例如将字符串转换为数字时，非数字字符会被忽略。
• 类型转换可能会导致精度丢失，例如将浮点数转换为整数时，小数部分会被舍去。
• 类型转换可能会导致类型错误，例如将字符串转换为数字时，如果字符串包含非数字字符，则会抛出 TypeError 异常。

结论

掌握 JavaScript 中的类型判断方法是编写健壮可靠代码的关键。通过合理运用这些方法，我们可以防止类型错误，提高代码的可读性和维护性。

常见问题解答

1. 如何判断一个变量是否是数组？

使用 Array.isArray() 方法或 instanceof 操作符。

2. 如何判断一个变量是否是函数？

使用 typeof 操作符（如果结果是 "function"）或 constructor 属性（如果指向 Function 函数）。

3. 如何判断一个变量是否是 null 或 undefined？

使用 === 或 == 操作符分别与 null 和 undefined 进行比较。

4. 为什么 typeof null 返回 "object"？

这是 JavaScript 中的一个历史遗留问题，在早期版本中 null 被认为是一个对象。

5. 什么时候应该使用严格相等运算符？

在进行类型判断时，始终建议使用严格相等运算符，以避免意外的类型转换。