小白看过来啦~ 如何用函数来判断变量的类型

1.在JavaScript中，一般使用typeof操作符来确定变量的数据类型

function check(variable) {
  return typeof variable
}

// 示例用法
console.log(check(29))  // 输出：number
console.log(check("julie"))  // 输出：string
console.log(check(['小强', '小武', '小羊'])) // 输出:object

尽管typeof运算符对于大多数基本数据类型都有效，但它在处理数组、null和一些特殊对象时可能会有一些不准确的结果.数组会被归类为 "object" 类型，而 null 会被归类为 "object" 类型。

2. 对一些特殊类型, 如Date和RegExp, 还可以使用instanceof操作符来检查对象的类型

function getDataType(variable) {
   if (variable instanceof Array) {
    return "Array";
  } else if (variable instanceof Date) {
    return "Date";
  } else if (variable instanceof RegExp) {
    return "RegExp";
  } else {
    return typeof variable;
  }
}

console.log(getDataType(29)) // 输出：number
console.log(getDataType('julie')) // 输出：string
console.log(getDataType(['小强', '小武', '小羊'])) // 输出:Array

instanceof 一般是用来判断引用数据类型,但不能正确判断基本数据类型, 基本数据类型建议还是用typeof好一点. 

instanceof 根据在原型链中查找判断当前数据的原型对象是否存在返回布尔类型

3.通用检测数据类型Object.prototype.toString

function getType(obj) {
  let type = typeof obj
  if (type !== 'object') {
    // 先进行typeof判断，如果是基础数据类型，直接返回
    return type
  }
  // 对于typeof返回结果是object的，再进行如下的判断，正则返回结果
  return Object.prototype.toString.call(obj).replace(/^\[object (\S+)\]$/, '$1')
}

getType([]) // "Array" typeof []是object，因此toString返回
getType('123') // "string" typeof 直接返回
getType(window) // "Window" toString返回
getType(null) // "Null"首字母大写，typeof null是object，需toString来判断
getType(undefined) // "undefined" typeof 直接返回
getType() // "undefined" typeof 直接返回
getType(function () {}) // "function" typeof能判断，因此首字母小写
getType(/123/g) //"RegExp" toString返回