在JavaScript中，typeof 是一个非常有用的内建对象，它可以帮助我们判断一个变量的数据类型。从基础到高级，掌握 typeof 的使用技巧对于编写高效、健壮的JavaScript代码至关重要。

基础用法

首先，让我们从最基础的用法开始。typeof 可以接受一个参数，即一个变量或表达式，然后返回一个表示该变量或表达式类型的字符串。

let num = 42;
console.log(typeof num); // 输出: "number"

let str = "Hello, World!";
console.log(typeof str); // 输出: "string"

let bool = true;
console.log(typeof bool); // 输出: "boolean"

let obj = {};
console.log(typeof obj); // 输出: "object"

let arr = [];
console.log(typeof arr); // 输出: "object"

let und = undefined;
console.log(typeof und); // 输出: "undefined"

let nul = null;
console.log(typeof nul); // 输出: "object"

从上面的例子中，我们可以看到 typeof 对于基本数据类型（number、string、boolean）和 undefined 返回相应的类型字符串。对于对象（包括数组和函数），它返回 “object”。

高级用法

识别数组

虽然 typeof 对于对象类型返回 “object”，但我们可以通过一个额外的检查来区分数组和普通对象。

let arr = [1, 2, 3];
console.log(arr instanceof Array); // 输出: true
console.log(typeof arr); // 输出: "object"

使用 instanceof 可以更准确地判断一个变量是否为数组。

识别函数

同样，我们可以使用 function 关键字来区分函数和普通对象。

function greet() {
  console.log("Hello!");
}

console.log(typeof greet); // 输出: "function"

识别正则表达式

正则表达式在JavaScript中也是一种特殊的对象类型。我们可以通过检查构造函数来识别它们。

let regex = /hello/i;
console.log(regex instanceof RegExp); // 输出: true
console.log(typeof regex); // 输出: "object"

识别Symbol

Symbol 是ES6引入的一种新的原始数据类型，用于创建唯一值。

let sym = Symbol("unique");
console.log(typeof sym); // 输出: "symbol"

识别null

虽然 typeof null 返回 “object”，但我们可以通过一个简单的检查来识别 null。

let nullVar = null;
console.log(nullVar === null); // 输出: true
console.log(typeof nullVar); // 输出: "object"

注意事项

  • typeof 对于基本数据类型和 undefined 返回准确的结果，但对于对象类型，它总是返回 “object”。
  • 使用 instanceof 可以更准确地判断对象的具体类型。
  • 对于特殊对象类型，如正则表达式和Symbol，我们可以使用额外的检查来识别它们。
  • typeof null 返回 “object”，这是一个历史遗留问题，因为JavaScript中的null类型被设计为对象的空引用。

通过掌握这些技巧，你可以更有效地使用 typeof 来判断JavaScript中的数据类型，从而编写出更加健壮和高效的代码。