JavaScript的typeof返回哪些数据类型

JavaScript的typeof返回哪些数据类型

在 JavaScript 中,typeof 是一个用于检测变量或表达式类型的操作符。它返回一个表示数据类型的字符串。以下是 typeof 可能返回的结果:

  1. "undefined"
  • 表示变量未定义或未赋值。
javascript 复制代码
let a;
console.log(typeof a); // "undefined"
console.log(typeof b); // "undefined"(未声明的变量)
  1. "boolean"
  • 表示布尔值(truefalse)。
vbnet 复制代码
let isTrue = true;
console.log(typeof isTrue); // "boolean"
  1. "number"
  • 表示数字类型(包括整数、浮点数、NaNInfinity)。
ini 复制代码
let num = 42;
let float = 3.14;
let nan = NaN;
let inf = Infinity;
console.log(typeof num);  // "number"
console.log(typeof float); // "number"
console.log(typeof nan);  // "number"(NaN 是数字类型)
console.log(typeof inf);  // "number"
  1. "string"
  • 表示字符串类型。
ini 复制代码
let str = "Hello, World!";
console.log(typeof str); // "string"
  1. "bigint"
  • 表示大整数类型(BigInt)。
ini 复制代码
let bigNum = 123n;
console.log(typeof bigNum); // "bigint"
  1. "symbol"
  • 表示符号类型(Symbol)。
javascript 复制代码
let sym = Symbol("foo");
console.log(typeof sym); // "symbol"
  1. "object"
  • 表示对象类型(包括普通对象、数组、null 等)。
javascript 复制代码
let obj = { name: "Alice" };
let arr = [1, 2, 3];
let nul = null;
console.log(typeof obj);  // "object"
console.log(typeof arr);  // "object"(数组也是对象)
console.log(typeof nul);  // "object"(null 被错误地识别为对象,这是历史遗留问题)
  1. "function"
  • 表示函数类型。
javascript 复制代码
function foo() {}
console.log(typeof foo); // "function"
  1. "object"(特殊对象)
  • 对于内置对象(如 DateRegExpMapSet 等),typeof 也会返回 "object"
javascript 复制代码
console.log(typeof new Date());      // "object"
console.log(typeof /regex/);        // "object"
console.log(typeof new Map());      // "object"
console.log(typeof new Set());      // "object"

总结

typeof 返回的可能值有:

  • "undefined"
  • "boolean"
  • "number"
  • "string"
  • "bigint"
  • "symbol"
  • "object"
  • "function"

需要注意的是,typeof null 返回 "object",这是 JavaScript 的一个历史遗留问题。如果需要更精确的类型判断,可以使用 Object.prototype.toString.call()instanceof

更多vue相关插件及后台管理模板可访问vue admin reference,代码详情请访问github

相关推荐
UncleKyrie1 分钟前
🎨 市面上主流 Figma to Code MCP 对比
前端
李明卫杭州3 分钟前
CSS `clamp()` 函数详解
javascript
奶丝兔蜜柚8 分钟前
栈溢出优化
javascript
南半球与北海道#14 分钟前
前端引入vue-super-flow流程图插件
前端·vue.js·流程图
然我20 分钟前
React 16.8:不止 Hooks 那么简单,这才是真正的划时代更新 🚀
前端·react.js·前端框架
小高00734 分钟前
📈前端图片压缩实战:体积直降 80%,LCP 提升 2 倍
前端·javascript·面试
OEC小胖胖37 分钟前
【React Hooks】封装的艺术:如何编写高质量的 React 自-定义 Hooks
前端·react.js·前端框架·web
BillKu1 小时前
vue3+element-plus 输入框el-input设置背景颜色和字体颜色,样式效果等同于不可编辑的效果
前端·javascript·vue.js
惊悚的毛毛虫1 小时前
掘金免广告?不想看理财交流圈?不想看exp+8?
前端
springfe01011 小时前
vue3组件 - 大文件上传
前端·vue.js