1.6判断类型toString.call()

最新推荐文章于 2025-10-16 11:06:37 发布
转载 最新推荐文章于 2025-10-16 11:06:37 发布 · 242 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/-constructor/p/10694837.html

本文深入探讨了JavaScript中对象类型的准确判断方法。介绍了typeof和obj.toString()的局限性，及Object.prototype.toString.call(obj)的优势，解析了不同对象类型调用toString方法的原理。

之前我都是使用typeof，后来发现它的判断有局限，例如（）{}
obeject.p.toString.call()解决了

obj.toString()的结果和Object.prototype.toString.call(obj)的结果不一样，这是为什么？

        这是因为toString为Object的原型方法，而Array 、Function等类型作为Object的实例，都重写了toString方法。不同的对象类型调用toString方法时，根据原型链的知识，调用的是对应的重写之后的toString方法（Function类型返回内容为函数体的字符串，Array类型返回元素组成的字符串.....），而不会去调用Object上原型toString方法（返回对象的具体类型），所以采用obj.toString()不能得到其对象类型，只能将obj转换为字符串类型；因此，在想要得到对象的具体类型时，应该调用Object上原型toString方法。

 

转载于:https://www.cnblogs.com/-constructor/p/10694837.html

dhe80914
关注
前端面试汇总-JavaScript
分享前端工程化、动效魔法与性能之舞！
06-19 1476
JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。其中 Symbol 和 BigInt 是ES6 中新增的数据类型：Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。BigInt 是一种数字类型的数据，它可以表示任意精度格式的整数，使用 BigInt 可以安全地存储和操作大整数，即使这个数已经超出了 Number 能够表示的安全整数范围。
JavaScript判断数据类型有几种方法及区别介绍
11-19
有五种数据判断类型方法typeof 、instanceof、constructor、Object.prototype.toString.call()、jquery.type() 一、typeof方法 typeof是个操作符，可以判断基本数据类型（返回的结果只能是number，string，boolean，null，symbol，function，object） 返回值分以下几种 对于基本类型。除了null值返回object以外，其他均返回正确的结果 对于引用值来说，除了function返回function类型，其他都返回object类型 例： console.log( typeof 10
js 使用Object.toString.call()判断数据类型
douyh的专栏
04-18 629
需要注意的是，Object.prototype.toString 方法返回的字符串格式为 “[object 数据类型]”，其中数据类型和 JavaScript 中的数据类型名称一致。此外，由于该方法是 Object 类型的原型方法，因此需要通过 call 方法来调用，确保 this 指向正确。使用Object.toString.call()判断数据类型。判断null和undefined。
toString.call()通用的判断数据类型方法示例
11-19
大家都知道判断数据类型的方法有很多。我们常用的有typeof但是，这个方法有一定的局限性。 typeof null // "object" typeof [8] // "object" typeof {} // "object" typeof function(){} // "function" typeof 2 //"number" typeof "" //"string" typeof true //"boolean" typeof undefined //"undefined" typeof Symbol(2) // "symbol" typeof 无法区分null 数组和对象，通常我
js数据类型及判断方法
weixin_43152611的博客
08-11 516
js的数据可分为两大类： 1）基本数据类型：String,Number,Boolean,Null,Undefined,Symbol(ES6新加入) 2）引用数据类型：Object,Array,Function 由于js是一门弱类型语言，变量的类型根据所赋值的类型而变化 例： let b=1;//b为number类型 let c='你好';//c为string类型 let d=true;//d为Boolean类型 let e=null;//e为null类型 let f=function(){}//f为函数.
JavaScript判断数据类型有几种方法，以及区别
PJW_WYB的博客
08-31 546
有五种数据判断类型方法typeof 、instanceof、constructor、Object.prototype.toString.call()、jquery.type() 一、typeof方法 typeof是个操作符，可以判断基本数据类型（返回的结果只能是number，string，boolean，null，symbol，function，object） 返回值分以下几种 对于基本类型。除了null值返回object以外，其他均返回正确的结果 对于引用值来说，除了function返回function
jQuery1.6 类型判断实现代码
10-28
在使用jQuery时，我们可能会遇到需要进行类型判断的情况，而jQuery1.6中提供的类型判断实现代码，就是一套处理这类需求的方法。 首先，文档中提到了一个全局变量class2type，它的作用是将特定的字符串映射到对应的...
【JavaScript笔记 · 基础篇(五)】Array全家桶（引用数据类型中的数组 / Array对象 / Array.prototype）
JZevin的博客
08-12 764
文章目录一. 引用数据类型中的数组1.1 概述1.2 初始化1.2.1 字面量1.2.2 构造函数模式1.3 访问1.4 length属性1.5 数组遍历1.6 类数组对象1.6.1 四种典型的类数组对象1.6.2 类数组对象转化成真数组的方法二. Array对象2.1 Array静态方法Array.isArray()Array.from()Array.of()三. Array.prototype.*3.1 对象通用实例方法Array.prototype.valueOf()Array.prototype.t
22、Kotlin类型检查、转换及抽象类使用详解
最新发布
python9snake的博客
10-16 18
本文详细介绍了Kotlin中的类型检查与转换机制，包括is和!is操作符、智能转换规则及as/as?显式转换的使用场景；深入讲解了Any类及其通用方法equals、hashCode和toString的重写原则；并探讨了抽象类的定义、抽象成员的限制以及在实际开发中的应用。通过代码示例和流程图，帮助开发者掌握Kotlin面向对象编程的核心特性，提升代码的可维护性与健壮性。
基于freeswitch1.6的IVR智能语音机器人交互逻辑lua脚本
星星_月亮的光芒
12-21 5917
package.path = "/usr/local/share/lua/5.2/?.lua" package.cpath = "/usr/local/lib/lua/5.2/?.so;" local socket = require "socket" local http = require "socket.http" http.TIMEOUT = 10 loca
js的数据类型及其判断方式
qq_46580571的博客
05-10 251
数据类型 ES6之前的数据类型可以分为二种，一种是基本数据类型、另外一种是对象类型 基本数据类型 String：任意的字符串 Number: 任意的数字 Boolean: true/false Undefined: undefined null: null 对象类型 Object: 任意对象 Function: 一种特别的对象(可以调用执行) Array: 一种特别的对象(具有下标，内部的数据是有序的) 判断数据类型 在js中我们一般需要对数据类型进行判断，我们常用的有三种分别是： typeof inst
JS数据类型以及数据类型的判断方法
前端-尔嵘
04-08 746
一、JS中有哪些数据类型？ Undefined、Null、String、Number、Boolean、Object、Symbol共7种 其中基本数据类型包括 Undefined、Null、Number、Boolean、String、Symbol (ES6 新增，表示独一无二的值)，而引用数据类型统称为 Object 对象，主要包括对象、数组和函数 注意：Symbol是ES6才出现的,它是一种基本数据类型。Symbol()函数会返回symbol类型的值。该类型具有静态属性和静态方法 。每个从Symb
js判断对象类型
zhuyangxing的专栏
07-08 742
1.判断基本类型： Object.prototype.toString.call(null);//”[object Null]” Object.prototype.toString.call(undefined);//”[object Undefined]” Object.prototype.toString.call(“abc”);//”[object String]” Object.p
Js 数据类型判断都有哪几种方式? 至少说出5 种? 它们的区别是什么?
weixin_70238574的博客
08-23 263
Object.prototype.toString.call() 方法：可以使用 Object.prototype.toString.call() 方法来获取一个值的内部 [[Class]] 属性，从而判断其类型。typeof 和 instanceof 的结合使用：有时候可以结合使用 typeof 和 instanceof 运算符来进行更精确的类型判断。例如，typeof str === "string" 可以判断一个变量是否为字符串类型，instanceof Array 可以判断一个变量是否为数组类型。
toString.call()通用的判断数据类型的方法
qq_41831345的博客
07-02 7310
大家都知道判断数据类型的方法有很多。我们常用的有typeof但是，这个方法有一定的局限性。 typeof null // "object" typeof [8] // "object" typeof {} // "object" typeof function(){} // "function" typeof 2 //"number" typeof "" //"string" typ...
Js数据类型判断都有哪几种方式？至少说出5种？它们的区别是什么？
weixin_72081046的博客
12-29 303
1. typeof判断：typeof返回的类型都是字符串形式 2. Constructor：实例constructor属性指向构造函数本身 3. Instanceof：instanceof可以判类型是否是实例的构造函数 4. Object.prototype.toString.call()：判断类型的原型对象是否在某个对象的原型链上 5. 通过object原型上的方法判断：比如array.isArray()来判断是不是一个数组 6. ===（严格运算符）
js的各种数据类型判断（typeof、instanceof、Object.prototype.toString.call()、constructor、in、hasOwnProperty）
muzidigbig的博客
11-06 9995
1.typeof Object.prototype.toString.call() constructor in hasOwnProperty() 基础类型: String、Number、Boolean、null、undefined、Symbol 存储在栈中，赋值变量和比较均为数据本身。 引用类型：Object、Array、Map、Function 存储在堆中，使用new创建，赋值变量和比较均是内存地址。
JavaScript学习：toString() 的应用-判断数据类型
李小白的博客
03-25 1454
Object.prototype.toString方法返回对象的类型字符串，因此可以用来判断一个值的类型。 var obj = {}; obj.toString() // "[object Object]" 上面代码调用空对象的toString方法，结果返回一个字符串object Object，其中第二个Object表示该值的构造函数。这是一个十分有用的判断数据类型的方法。 由于实例对象...
Object.prototype.tostring.call
07-19
### 作用 `Object.prototype.toString.call()` 是 JavaScript 中用于检测变量类型的强大工具。它能够准确区分所有 JavaScript 内置类型，包括原始类型（如 `null`、`undefined`、`number`、`string` 等）和对象类型（如 `Array`、`Date`、`Function` 等）[^5]。与直接调用对象的 `toString()` 方法不同，`Object.prototype.toString.call()` 不依赖对象自身的 `toString()` 实现，而是通过传入任意值并返回其类型信息，确保结果的准确性和一致性[^1]。 该方法的核心优势在于其通用性和准确性。例如，使用 `typeof` 检测 `null` 时会返回 `"object"`，而 `Object.prototype.toString.call()` 可以明确返回 `[object Null]`，从而避免歧义[^5]。 ### 使用示例 可以通过以下方式使用 `Object.prototype.toString.call()` 来判断不同类型： ```javascript 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('hello')); // [object String] console.log(Object.prototype.toString.call(true)); // [object Boolean] 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(function() {})); // [object Function] ``` ### 注意事项 虽然 `Object.prototype.toString.call()` 是一种强大的类型检测方法，但它也存在一些不足之处。例如，其语法相对繁琐，需要使用 `.call()` 方法并传入目标值作为上下文，这在现代 JavaScript 开发中显得不够简洁[^2]。此外，返回值是一个字符串，需要进一步解析才能提取类型信息，这可能影响代码的可读性和性能[^2]。 另外，需要注意的是，如果修改了 `Object.prototype.toString` 的指向，可能会影响其行为。例如，将 `Object.prototype.toString` 重写为返回固定值，会导致所有调用该方法的对象返回相同结果[^4]。 ### 与其他方法的对比 - **`typeof`**：无法准确区分 `null` 和对象，也无法识别 `Array` 或 `Date` 等内置对象类型。 - **`instanceof`**：依赖原型链，不能跨环境使用，例如在不同 iframe 中创建的对象可能无法正确识别。 - **`Array.isArray()`**：仅适用于检测数组类型，无法用于检测其他类型[^3]。 相比之下，`Object.prototype.toString.call()` 提供了更全面、可靠的类型检测能力。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值