掌握JS参数类型判断的5个关键技巧

在JavaScript中，正确地判断参数类型对于编写健壮和可维护的代码至关重要。以下是一些关键技巧，帮助开发者更好地掌握JavaScript中的参数类型判断：

技巧1：使用 typeof 操作符

typeof 是JavaScript中最常用的类型判断方法。它可以返回一个字符串，表示变量的类型。

let age = 30;
console.log(typeof age); // 输出: "number"

let name = "John";
console.log(typeof name); // 输出: "string"

然而，typeof 对一些复杂数据类型（如数组、对象和函数）的判断并不准确。

技巧2：使用 Array.isArray() 方法

Array.isArray() 方法可以检测一个值是否为数组。这是一个非常有用的技巧，因为 typeof 返回 "object" 也会应用于非数组的对象。

let numbers = [1, 2, 3];
console.log(Array.isArray(numbers)); // 输出: true

let person = {name: "John"};
console.log(Array.isArray(person)); // 输出: false

技巧3：使用 Object.prototype.toString.call() 方法

这是一个非常强大的技巧，可以用来准确地检测一个值的类型。它通过调用对象的原型上的 toString 方法，并使用 call 方法改变 this 的值来返回一个字符串，该字符串描述了值的类型。

console.log(Object.prototype.toString.call(123)); // 输出: "[object Number]"
console.log(Object.prototype.toString.call("Hello")); // 输出: "[object String]"
console.log(Object.prototype.toString.call([1, 2, 3])); // 输出: "[object Array]"
console.log(Object.prototype.toString.call({name: "John"})); // 输出: "[object Object]"

技巧4：使用 instanceof 操作符

instanceof 操作符用于测试构造函数的.prototype 属性是否出现在对象的原型链中。

let date = new Date();
console.log(date instanceof Date); // 输出: true
console.log(date instanceof Object); // 输出: true

这种方法在判断自定义类型时非常有用。

技巧5：使用 ES6 的 Symbol 类型

在ES6中，引入了新的 Symbol 数据类型，可以用来创建唯一的标识符。使用 Symbol 可以判断函数或其他对象的类型。

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

通过结合使用上述技巧，你可以更准确地判断JavaScript中的参数类型。记住，每种方法都有其适用的场景，因此选择合适的工具是关键。