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

相关推荐
abigale031 小时前
webpack+vite前端构建工具 -11实战中的配置技巧
前端·webpack·node.js
专注API从业者1 小时前
构建淘宝评论监控系统:API 接口开发与实时数据采集教程
大数据·前端·数据库·oracle
Joker`s smile1 小时前
Chrome安装老版本、不同版本,自制便携版本用于前端调试
前端·chrome
weixin_416639971 小时前
爬虫工程师Chrome开发者工具简单介绍
前端·chrome·爬虫
我是如子啊1 小时前
【解决“此扩展可能损坏”】Edge浏览器(chrome系列通杀))扩展损坏?一招保留数据快速修复
前端·chrome·edge
灵性花火1 小时前
Qt的前端和后端过于耦合(0/7)
开发语言·前端·qt
孤水寒月5 小时前
基于HTML的悬窗可拖动记事本
前端·css·html
祝余呀6 小时前
html初学者第一天
前端·html
脑袋大大的7 小时前
JavaScript 性能优化实战:减少 DOM 操作引发的重排与重绘
开发语言·javascript·性能优化
速易达网络8 小时前
RuoYi、Vue CLI 和 uni-app 结合构建跨端全家桶方案
javascript·vue.js·低代码