JavaScript typeof

在 JavaScript 中，typeof 是一个操作符，用于返回变量的数据类型。它是一个强大的工具，可以帮助你调试代码、检查数据类型以及在运行时做出决策。

一、基本用法

typeof 操作符的语法非常简单：

typeof operand

其中 operand 是你想要检查类型的变量或值。

二、返回值

typeof 操作符会返回以下字符串之一，代表操作数的数据类型：

• "undefined"：如果变量未定义。

• "boolean"：如果变量是布尔值。

• "number"：如果变量是数字。

• "string"：如果变量是字符串。

• "object"：如果变量是对象、数组、null（这是一个特殊情况，通常期望 null 返回 "null"，但出于历史原因，返回 "object"）。

• "function"：如果变量是函数。

• "symbol"：如果变量是 ECMAScript 6 引入的符号（Symbol）。

• "bigint"：如果变量是任意精度的整数（BigInt）。

三、示例

下面是一些使用 typeof 的示例：

console.log(typeof undefined); // "undefined"
console.log(typeof true);      // "boolean"
console.log(typeof 42);        // "number"
console.log(typeof "Hello");   // "string"
console.log(typeof { site: "tides.cn" }); // "object"
console.log(typeof [1, 2, 3]); // "object" (数组在 JavaScript 中是对象)
console.log(typeof null);      // "object" (这是一个历史遗留问题)
console.log(typeof function() {}); // "function"
console.log(typeof Symbol("id")); // "symbol"
console.log(typeof 9007199254740991n); // "bigint"

四、特殊情况

1. **null 返回 "object"**：

   这是 JavaScript 中一个著名的历史遗留问题。typeof null 返回 "object" 而不是 "null"。通常，可以通过以下方式判断是否为 null：

   const value = null;
   if (value === null) {
       console.log("The value is null");
   }
   

2. **数组返回 "object"**：

   数组在 JavaScript 中是对象的一种特殊形式，因此 typeof 返回 "object"。如果你需要检查一个变量是否是数组，可以使用 Array.isArray() 方法：

   const arr = [1, 2, 3];
   console.log(Array.isArray(arr)); // true
   

五、应用场景

1. 调试代码：

   使用 typeof 可以快速了解变量的数据类型，帮助调试代码。

   let someVariable;
   console.log(typeof someVariable); // "undefined"
   someVariable = "Hello";
   console.log(typeof someVariable); // "string"
   

2. 类型检查：

   在函数参数处理中，使用 typeof 可以确保参数是预期的类型。

   function addNumbers(a, b) {
       if (typeof a !== "number" || typeof b !== "number") {
           throw new Error("Both arguments must be numbers");
       }
       return a + b;
   }
   
   try {
       console.log(addNumbers(1, "2")); // Error: Both arguments must be numbers
   } catch (e) {
       console.error(e.message);
   }
   

3. 判断变量是否定义：

   尽管 typeof 不能直接检测变量是否声明，但它可以安全地用于避免 ReferenceError。

   console.log(typeof someUndeclaredVariable); // "undefined" (不会抛出错误)
   

六、总结

typeof 是一个强大的操作符，它能帮助你获取变量的数据类型，并处理各种特殊情况。了解它的行为和返回值有助于你编写更健壮、更易于维护的 JavaScript 代码。尽管 typeof 有一些历史和设计的限制（如 null 返回 "object"），但通过合理使用其他方法和工具（如 Array.isArray()），你可以有效地克服这些限制。

本文地址：https://www.tides.cn/p_js-typeof