JavaScript 获取数据类型的方法

在前端开发中，准确判断数据的类型至关重要。JavaScript 提供了几种方法来获取数据类型，下面将介绍三种常用的方法：

1. typeof 操作符：

   可以用于检测基本数据类型（如字符串、数字、布尔值）以及函数和 undefined 的类型。例如：

   console.log(typeof 'Hello'); // 输出 'string'
   console.log(typeof 42); // 输出 'number'
   console.log(typeof true); // 输出 'boolean'
   console.log(typeof function() {}); // 输出 'function'
   console.log(typeof undefined); // 输出 'undefined'
   

2. instanceof 操作符：

   可以用于检测对象的类型，包括自定义对象。例如：

   console.log([] instanceof Array); // 输出 true
   console.log({} instanceof Object); // 输出 true
   console.log(new Date() instanceof Date); // 输出 true
   
   // 自定义对象
   function Person(name) {
     this.name = name;
   }
   const person = new Person('John');
   console.log(person instanceof Person); // 输出 true
   

3. Object.prototype.toString() 方法：

   可以返回一个表示对象的类型的字符串。例如：

   console.log(Object.prototype.toString.call('Hello')); // 输出 '[object String]'
   console.log(Object.prototype.toString.call(42)); // 输出 '[object Number]'
   console.log(Object.prototype.toString.call(true)); // 输出 '[object Boolean]'
   console.log(Object.prototype.toString.call(function() {})); // 输出 '[object Function]'
   console.log(Object.prototype.toString.call(undefined)); // 输出 '[object Undefined]'
   console.log(Object.prototype.toString.call([])); // 输出 '[object Array]'
   console.log(Object.prototype.toString.call({})); // 输出 '[object Object]'
   console.log(Object.prototype.toString.call(new Date())); // 输出 '[object Date]'
   console.log(Object.prototype.toString.call(null)); // 输出 '[object Null]'
   
   // 自定义对象
   function Person(name) {
     this.name = name;
   }
   const person = new Person('John');
   console.log(Object.prototype.toString.call(person)); // 输出 '[object Object]'
   

这些方法可以帮助我们在前端开发中准确判断数据的类型。