JS中Object.prototype.toString方法解读

devtools/2024/9/23 23:24:56/

Object.prototype.toString 是 JavaScript 中一个非常重要的方法,用于获取对象的类型信息。它的主要功能是返回一个表示对象类型的字符串。

1. 基本用法

Object.prototype.toStringObject 原型链上的一个方法,所有对象都可以访问它。默认情况下,它返回一个类似 [object Type] 的字符串,其中 Type 是对象的类型。例如:

javascript">console.log(Object.prototype.toString.call({}));          // "[object Object]"
console.log(Object.prototype.toString.call([]));          // "[object Array]"
console.log(Object.prototype.toString.call(new Date()));  // "[object Date]"
console.log(Object.prototype.toString.call(null));        // "[object Null]"
console.log(Object.prototype.toString.call(undefined));   // "[object Undefined]"
console.log(Object.prototype.toString.call(123));         // "[object Number]"
console.log(Object.prototype.toString.call('abc'));       // "[object String]"
console.log(Object.prototype.toString.call(true));        // "[object Boolean]"

2. 判断数据类型

由于 JavaScript 中的 typeof 操作符在某些情况下(如判断数组、null)可能不太准确,开发者通常使用 Object.prototype.toString 来判断数据类型。比如:

javascript">function getType(obj) {return Object.prototype.toString.call(obj).slice(8, -1);//slice包含开始索引,不包含结束索引-顾头不顾尾
}console.log(getType({}));          // "Object"
console.log(getType([]));          // "Array"
console.log(getType(null));        // "Null"
console.log(getType(undefined));   // "Undefined"
console.log(getType(123));         // "Number"
console.log(getType('abc'));       // "String"
console.log(getType(true));        // "Boolean"
console.log(getType(new Date()));  // "Date"
console.log(getType(/regex/));     // "RegExp"
console.log(getType(Math));        // "Math"
console.log(getType(JSON));        // "JSON"
console.log(getType(new Map()));   // "Map"

3. 常见对象的返回值

不同类型的对象会返回不同的字符串表示,以下是一些常见的对象类型及其返回的字符串:

  • 普通对象[object Object]
  • 数组[object Array]
  • 函数[object Function]
  • 日期[object Date]
  • 正则表达式[object RegExp]
  • null[object Null]
  • undefined[object Undefined]
  • 数字[object Number]
  • 字符串[object String]
  • 布尔值[object Boolean]
  • Map[object Map]
  • Set[object Set]

4. 特殊注意事项

  • nullundefinedObject.prototype.toString.call(null)Object.prototype.toString.call(undefined) 分别返回 [object Null][object Undefined]。使用 typeof 检测时,它们返回的分别是 'object''undefined',这可能会产生混淆。

  • 自定义对象:对于自定义对象,Object.prototype.toString 返回 [object Object]。如果想要自定义这个返回值,可以通过 Symbol 来实现,例如:

    javascript">class MyClass {get [Symbol.toStringTag]() {return 'MyClass';}
    }const myInstance = new MyClass();
    console.log(Object.prototype.toString.call(myInstance));  // "[object MyClass]"
    

5. 在不同环境中的行为

在不同的 JavaScript 环境中(如浏览器、Node.js),Object.prototype.toString 的行为是相同的,因为它是 ECMAScript 标准的一部分。然而,在不同的宿主环境中,不同的内置对象可能会返回不同的 [object Type] 值。

总结

Object.prototype.toString 是 JavaScript 中一个强大的方法,用于准确判断对象的类型。它在开发中非常有用,尤其是在需要处理多种类型的数据时,可以帮助避免 typeof 的一些不准确性。


http://www.ppmy.cn/devtools/99974.html

相关文章

Array List 练习(添加手机对象并返回要求的数据)

package ArrayListDemo;import java.util.ArrayList;public class ArrayListDemo7 {public static void main(String[] args) {//1.创建集合对象ArrayList<Phone> list new ArrayList<Phone>();//2.创建手机对象Phone ph1 new Phone("小米",1000);Pho…

六. 部署分类器-deploy-classification-advanced

目录 前言0. 简述1. 案例运行2. 补充说明3. 代码分析3.1 main.cpp3.2 trt_worker.cpp3.3 trt_logger.cpp3.4 trt_classifier.cpp3.5 trt_model.cpp3.6 inference部分 结语下载链接参考 前言 自动驾驶之心推出的 《CUDA与TensorRT部署实战课程》&#xff0c;链接。记录下个人学习…

芯片后端之 PT 使用 report_timing 产生报告 之 -include_hierarchical_pins 选项

今天,我们再学习一点点 后仿真相关技能。 那就是,了解 report_timing 中的 -include_hierarchical_pins 选项。 如果我们仅仅使用如下命令,执行后会发现: pt_shell> report_timing -from FF1/CK -to FF2/d -delay_type max 我们使用命令 report_timing 报出的如上路…

Linux——驱动——杂项设备

一、杂项设备驱动 1、概念 杂项设备&#xff08;Miscellaneous Devices&#xff09;在Linux内核中是一种特殊的设备类型&#xff0c;用于表示那些不适合被归类为其他标准设备类型的设备。这些设备通常具有不规则的特性和非标准的通信协议或接口。 2、操作流程 杂项设备注册过…

零基础5分钟上手亚马逊云科技核心云架构知识-创建NoSQL数据库

简介&#xff1a; 欢迎来到小李哥全新亚马逊云科技AWS云计算知识学习系列&#xff0c;适用于任何无云计算或者亚马逊云科技技术背景的开发者&#xff0c;通过这篇文章大家零基础5分钟就能完全学会亚马逊云科技一个经典的服务开发架构方案。 我会每天介绍一个基于亚马逊云科技…

python绘制爱心代码

效果展示 完整代码 Python中绘制爱心的代码可以通过多种方式实现&#xff0c;高级的爱心代码通常指的是使用较复杂的算法或者图形库来生成更加精致的爱心图形。下面是一个使用Python的Turtle模块来绘制爱心的示例代码&#xff1a; import turtledef draw_love():turtle.speed…

Flutter 自动化测试 - 集成测试篇

Flutter集成测试 Flutter官方对Flutter应用测试类型做了三个阶段划分&#xff0c;分别为Unit&#xff08;单元&#xff09;测试、Widget&#xff08;组件&#xff09;测试、Integration&#xff08;集成&#xff09;测试。按照维护成本来看的话从左到右依次增高&#xff0c;按照…

linux df -h时没有查到root盘,root文件夹带着锁或者叉号的解决办法

文章目录 一、前言二、来龙去脉1、2、给root文件赋予权限3 、这个时候df -h 查看就可以看到root文件了 总结 一、前言 当时装的双系统&#xff0c;自认为会学习很多linux相关课程&#xff0c;买了个1T的固态&#xff0c;ubuntu上分了很多&#xff0c;结果显而易见&#xff0c;…