vue 判断数据类型

// 判断数据类型的几种方法

// 1. 使用 typeof 操作符
function checkType(data) {
  return typeof data;
}

// 解释：typeof 是 JavaScript 内置的操作符，可以用来判断基本数据类型，如 number, string, boolean, undefined 和 function。
console.log(checkType(123)); // "number"
console.log(checkType("hello")); // "string"
console.log(checkType(true)); // "boolean"
console.log(checkType(undefined)); // "undefined"
console.log(checkType(function() {})); // "function"

// 2. 使用 instanceof 操作符
function isObject(data) {
  return data instanceof Object;
}

// 解释：instanceof 用于检查一个对象是否是某个构造函数的实例。适用于复杂数据类型，如 Array, Object 等。
console.log(isObject({})); // true
console.log(isObject([])); // true
console.log(isObject(null)); // false

// 3. 使用 Object.prototype.toString.call 方法
function getType(data) {
  return Object.prototype.toString.call(data).slice(8, -1);
}

// 解释：这是最全面的方法，可以准确判断所有数据类型，包括 null 和数组等。
console.log(getType(123)); // "Number"
console.log(getType("hello")); // "String"
console.log(getType(true)); // "Boolean"
console.log(getType([])); // "Array"
console.log(getType(null)); // "Null"
console.log(getType({})); // "Object"
console.log(getType(function() {})); // "Function"