判断变量类型

在JavaScript中，判断变量的类型有多种方式。以下是一些常用的方法：

1. typeof 操作符：
   typeof 是JavaScript中用于判断变量类型的基本操作符。它可以返回以下字符串之一："number"、"string"、"boolean"、"object"、"function"、"undefined" 和 "symbol"（ES6新增）。

   let num = 42;
   console.log(typeof num); // 输出: "number"
   
   let str = "Hello";
   console.log(typeof str); // 输出: "string"
   
   let func = function() {};
   console.log(typeof func); // 输出: "function"
   
   let obj = {};
   console.log(typeof obj); // 输出: "object"
   
   let undef;
   console.log(typeof undef); // 输出: "undefined"
   
   let sym = Symbol("symbol");
   console.log(typeof sym); // 输出: "symbol"
   

   注意：对于 null，typeof 会返回 "object"，这是一个已知的历史遗留问题。

2. instanceof 操作符：
   instanceof 用于检测一个对象是否在其原型链的原型上。它通常用于判断对象是否是某个构造函数的实例。

   let arr = [];
   console.log(arr instanceof Array); // 输出: true
   
   let date = new Date();
   console.log(date instanceof Date); // 输出: true
   
   function Person() {}
   let person = new Person();
   console.log(person instanceof Person); // 输出: true
   

3. Array.isArray() 方法：
   这是一个专门用于判断一个值是否为数组的方法。它比 instanceof 更加可靠，因为它不会受到原型链被修改的影响。

   let arr = [];
   console.log(Array.isArray(arr)); // 输出: true
   
   let notArr = {};
   console.log(Array.isArray(notArr)); // 输出: false
   

4. Object.prototype.toString.call() 方法：
   这是一个非常可靠的方法，用于获取一个对象的类型标签（即 [[Class]] 内部属性的值），并将其转换为字符串。

   let num = 42;
   console.log(Object.prototype.toString.call(num)); // 输出: "[object Number]"
   
   let str = "Hello";
   console.log(Object.prototype.toString.call(str)); // 输出: "[object String]"
   
   let bool = true;
   console.log(Object.prototype.toString.call(bool)); // 输出: "[object Boolean]"
   
   let arr = [];
   console.log(Object.prototype.toString.call(arr)); // 输出: "[object Array]"
   
   let date = new Date();
   console.log(Object.prototype.toString.call(date)); // 输出: "[object Date]"
   
   let nullVal = null;
   console.log(Object.prototype.toString.call(nullVal)); // 输出: "[object Null]"
   
   let undefVal;
   console.log(Object.prototype.toString.call(undefVal)); // 输出: "[object Undefined]"
   

   通常，我们会截取返回的字符串中的 [[Class]] 值部分（即去掉前后的 [object 和 ]），以获取更简洁的类型描述。

5. constructor 属性：
   每个JavaScript对象都有一个 constructor 属性，它指向创建该对象的构造函数。

   let num = 42;
   console.log(num.constructor === Number); // 输出: true
   
   let str = "Hello";
   console.log(str.constructor === String); // 输出: true
   
   let arr = [];
   console.log(arr.constructor === Array); // 输出: true
   

   但是，如果对象的原型链被修改过，constructor 属性可能不再可靠。

在实际应用中，根据具体需求选择适合的方法来判断变量的类型。typeof 通常用于基本类型判断，而 instanceof 和 Array.isArray() 用于对象类型判断。Object.prototype.toString.call() 方法则提供了一个非常通用且可靠的解决方案。