当前位置:首页 > JavaScript

js typeof实现

2026-02-01 20:40:35JavaScript

typeof 的实现原理

JavaScript 中的 typeof 操作符用于检测变量的数据类型。其底层实现基于引擎内部的类型标签机制。在 ECMAScript 规范中,每个值都有一个关联的类型标签,typeof 通过读取这个标签返回对应的类型字符串。

基本数据类型检测

  • undefined: 变量未定义时返回 "undefined"

    typeof undefined; // "undefined"
  • boolean: 布尔值返回 "boolean"

    typeof true; // "boolean"
  • number: 数字类型返回 "number"(包括 NaNInfinity

    typeof 42; // "number"
    typeof NaN; // "number"
  • string: 字符串返回 "string"

    typeof "hello"; // "string"
  • symbol: ES6 新增的 Symbol 类型返回 "symbol"

    typeof Symbol(); // "symbol"
  • bigint: BigInt 类型返回 "bigint"

    typeof 9007199254740991n; // "bigint"

复杂数据类型检测

  • function: 函数对象返回 "function"

    typeof function() {}; // "function"
  • object: 对象、数组、null 等返回 "object"

    typeof {}; // "object"
    typeof []; // "object"
    typeof null; // "object" (历史遗留问题)

手动实现 typeof

可以通过 Object.prototype.toString 实现更精确的类型检测:

function _typeof(obj) {
  return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
}

_typeof(null); // "null"
_typeof([]); // "array"

注意事项

typeofnull 的检测结果是历史遗留问题,最初 JavaScript 使用 32 位系统存储值,其中低 3 位表示类型标签。object 的标签是 000,而 null 被表示为全零,因此被错误地归类为 object

对于更精确的类型检测,建议结合使用 typeofinstanceof,或使用 Object.prototype.toString 方法。

js typeof实现

标签: jstypeof
分享给朋友:

相关文章

js实现

js实现

JavaScript 实现方法 JavaScript 是一种广泛使用的编程语言,适用于网页开发、服务器端编程以及移动应用开发。以下是几种常见的 JavaScript 实现方法: 网页交互功能 使用…

vue实现js休眠

vue实现js休眠

Vue 中实现 JavaScript 休眠 在 Vue 中实现 JavaScript 休眠通常需要使用异步方式,以避免阻塞主线程。以下是几种常见方法: 使用 setTimeout 和 Pro…

js实现vue

js实现vue

Vue.js 简介 Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。其核心库专注于视图层,易于与其他库或现有项目整合。 实现 Vue.js 的基本步骤 安装 Vue.…

js实现拖拽

js实现拖拽

实现拖拽的基本步骤 通过监听鼠标事件(mousedown、mousemove、mouseup)实现拖拽功能。以下是核心代码逻辑: const draggableElement = document…

js实现全屏

js实现全屏

实现全屏的基本方法 使用JavaScript实现全屏功能主要依赖Element.requestFullscreen()方法。现代浏览器均支持此API,但不同浏览器可能需要添加前缀。 // 触发全屏…

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统…