当前位置:首页 > 文章列表 > 文章 > 前端 > js中typeof的作用是什么

js中typeof的作用是什么

2026-02-28 10:39:37 0浏览 收藏
typeof 是 JavaScript 中用于快速检测数据类型的实用操作符,它以字符串形式返回变量或表达式的类型(如 "number"、"string"、"function" 等),特别适合判断原始类型、检查变量是否定义或验证函数存在性;但需警惕其局限性——null 被误判为 "object"、数组和普通对象均返回 "object"、无法区分内置对象类型等,因此在实际开发中常需结合 Array.isArray()、=== null 或 instanceof 等方法协同使用,才能实现精准可靠的类型判断。

js中typeof操作符是什么

typeof 是 JavaScript 中的一个一元操作符,用于检测变量或表达式的数据类型,并返回一个表示该类型名称的字符串。

基本用法

使用 typeof 时,它会返回以下几种字符串之一,表示对应的数据类型:
  • "number" —— 数值类型(包括 NaN)
  • "string" —— 字符串类型
  • "boolean" —— 布尔类型(true 或 false)
  • "undefined" —— 未定义类型
  • "object" —— 对象、数组、null 的类型(注意:null 返回 "object" 是历史遗留问题)
  • "function" —— 函数类型
  • "symbol" —— Symbol 类型(ES6 新增)
  • "bigint" —— 大整数类型(ES2020 新增)

示例:

console.log(typeof 42); // "number"
console.log(typeof 'hello'); // "string"
console.log(typeof true); // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object" (注意!)
console.log(typeof []); // "object"
console.log(typeof {}); // "object"
console.log(typeof function(){}); // "function"

常见注意事项

typeof 虽然简单实用,但有几点需要特别注意:
  • null 的类型被错误地识别为 "object",这是 JavaScript 的早期 bug,一直保留至今。判断 null 应使用严格等于:value === null
  • 数组也是对象,typeof 无法区分普通对象和数组。要判断数组应使用 Array.isArray()
  • 不能区分不同类型的对象,比如 Date、RegExp 都返回 "object"
  • 对未声明的变量使用 typeof 不会报错,返回 "undefined"

适用场景

typeof 最适合用于快速判断原始类型(primitive types):
  • 检查变量是否已定义:typeof variable !== 'undefined'
  • 确保某个值是函数再调用:if (typeof cb === 'function') cb()
  • 防止对非字符串进行字符串操作

基本上就这些。typeof 简单直接,但在处理复杂类型时需配合其他方法使用才更准确。

到这里,我们也就讲完了《js中typeof的作用是什么》的内容了。个人认为,基础知识的学习和巩固,是为了更好的将其运用到项目中,欢迎关注golang学习网公众号,带你了解更多关于的知识点!

Go语言Internal目录测试技巧分享Go语言Internal目录测试技巧分享
上一篇
Go语言Internal目录测试技巧分享
PHP语法错误怎么快速解决
下一篇
PHP语法错误怎么快速解决
// 获取聊天">
文章 · 前端   |  3分钟前  |  
// 获取聊天">让溢出内容的 div 滚动条默认定位到最底部,可以通过 JavaScript 动态设置 scrollTop 属性实现。以下是一个简单的实现方法:✅ 实现方式
// 获取聊天
257浏览 收藏
  • LB状态对象拆分方法详解
    文章 · 前端   |  3分钟前  |  
    LB状态对象拆分方法详解
    489浏览 收藏
  • 可选链操作符的作用是什么?
    文章 · 前端   |  8分钟前  |  
    可选链操作符的作用是什么?
    242浏览 收藏
  • CSS实现元素左右拉伸填满
    文章 · 前端   |  10分钟前  |  
    CSS实现元素左右拉伸填满
    293浏览 收藏
  • ToPrimitive 转换路径详解:原始类型转换规则解析
    文章 · 前端   |  14分钟前  |  
    ToPrimitive 转换路径详解:原始类型转换规则解析
    443浏览 收藏
  • FormData 与 Submit 事件实现无刷新表单提交
    文章 · 前端   |  18分钟前  |  
    FormData 与 Submit 事件实现无刷新表单提交
    295浏览 收藏
  • JavaScript类型转换规则详解
    文章 · 前端   |  23分钟前  |  
    JavaScript类型转换规则详解
    108浏览 收藏
  • IntersectionObserver 实现高性能懒加载列表
    文章 · 前端   |  24分钟前  |  
    IntersectionObserver 实现高性能懒加载列表
    138浏览 收藏
  • 优化BEM选择器权重,避免ID干扰技巧
    文章 · 前端   |  27分钟前  |  
    优化BEM选择器权重,避免ID干扰技巧
    473浏览 收藏
  • CSS不同状态标签展示内容不同怎么办?伪类与伪元素结合使用解析
    文章 · 前端   |  31分钟前  |  
    CSS不同状态标签展示内容不同怎么办?伪类与伪元素结合使用解析
    414浏览 收藏
  • 鼠标悬停显示二维码的HTML实现方法
    文章 · 前端   |  36分钟前  |  
    鼠标悬停显示二维码的HTML实现方法
    229浏览 收藏
  • CSS垂直margin塌陷怎么解决?BFC+overflow隐藏法
    文章 · 前端   |  36分钟前  |  
    CSS垂直margin塌陷怎么解决?BFC+overflow隐藏法
    240浏览 收藏
  • 资料下载
    查看更多
    课程推荐
    查看更多
    AI推荐
    查看更多
    相关文章
    微信登录更方便
    • 密码登录
    • 注册账号
    登录即同意 用户协议隐私政策
    返回登录
    • 重置密码