封装Object.prototype.toString.call（）

最新推荐文章于 2023-10-15 20:00:00 发布

Pumpkin_xiaoXuan

最新推荐文章于 2023-10-15 20:00:00 发布

阅读量848

点赞数

文章标签：原型模式

本文链接：https://blog.youkuaiyun.com/Pumpkin_xiaoXuan/article/details/123420357

版权

该博客介绍了一个JavaScript函数`getType(value)`，用于检测传入值的数据类型。它不仅可以识别基本数据类型（如number、string、function等），还能区分数组（Array）和对象（Object），甚至包括null。这个函数通过`typeof`操作符和`Object.prototype.toString.call()`方法来实现精确的数据类型判断。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function getType(value) {
    let type = typeof value;
    if (type !== 'object') { // 如果是基本数据类型，直接返回
        return type;
    }
    // 如果是引用数据类型，再进一步判断，正则返回结果
    return Object.prototype.toString.call(value).replace(/^\[object (\S+)\]$/, '$1');
}

getType(123); // number
getType('xxx'); // string
getType(() => {}); // function
getType([]); // Array
getType({}); // Object
getType(null); // Null

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Pumpkin_xiaoXuan

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript：提升你的代码逼格——优雅地使用Object.prototype.toString.call

debug_bug142的博客

09-28

首先，它的使用方式相对繁琐，需要手动传入要判断的值作为call方法的上下文。Object.prototype.toString.call是一个常见的用于判断值类型的方法，它返回一个类似"[object Type]“的字符串，其中Type表示值的类型。在讨论更优雅的方式之前，我们先来介绍一个常见的判断值类型的操作符——typeof。尽管如此，我们也介绍了一种改进的方式，将Object.prototype.toString.call方法封装为一个通用函数，以提高代码的可读性和简洁性。

前端工程师进阶之旅-手撕代码【前端常用方法以及面试常见题】

耶温的博客

04-25

349

前端工程师进阶之旅-手撕代码主要包括一些工作中常用的方法，面试常问到的方法。还有一些不太了解，趁机深入了解的知识点。废话少说，直接干代码就完事了。数据类型判断使用 Object.prototype.toString 实现。 function myTypeof(data) { return Object.prototype.toString.call(data).slice(8, -1).toLowerCase(); } 数组去重 //new Set() 集合 //ES6提供了新的数据结构Set

参与评论您还未登录，请先登录后发表或查看评论

JavaScript中Object.prototype.toString方法的原理

10-22

主要介绍了JavaScript中Object.prototype.toString方法的原理的相关资料,需要的朋友可以参考下

JavaScript - 通用类型判断-Object.prototype.toString.call()封装

weixin_46873254的博客

08-19

441

function getType (value) { return Object.prototype.toString .call(value) .match(/\s+(\w+)/)[1] .toLowerCase() } console.log(getType('')) // string console.log(getType(2)) // number console.log(getType

js封装一个判断类型的函数(Object.prototype.toString.call() 精准判断数据类型)

weixin_69375569的博客

10-15

238

【代码】js封装一个判断类型的函数(Object.prototype.toString.call() 精准判断数据类型)

谈谈 Object.prototype.toString 。

weixin_34370347的博客

05-13

260

原文链接我的blog。前几日看到一个比较熟悉的面试题，判断一个变量是不是数组？以下几种方法供参考： var arr = [1, 2, 3] Array.isArray(arr) arr instanceof Array arr.constructor === Array Object.prototype.toString.call(arr) === '[object Array]' ...复...

Object.prototype.toString.call()方法

bajie0457050989的博客

05-20

229

Object.prototype.toString.call(arr) == '[object Array]' 利用tostring方法判断类型--类似instanceof typeof功能下面这种情况只能用Object.prototype.toString.call()方法 window.onload = function(){ var oF = documnet.crea...

Object.prototype.hasOwnProperty 使用

最新发布

04-28

引用[1]提到使用Object.prototype.hasOwnProperty.call()来避免对象自身覆盖hasOwnProperty的情况。引用[2]给出了示例，说明当对象有自定义的hasOwnProperty方法时，直接调用会出问题，而通过原型链调用可以解决。...

toString.call()通用的判断数据类型方法示例

10-14

这是因为数组重写了`Object.prototype.toString`方法。为了方便使用，我们可以封装一个`isType`函数，接受一个类型字符串作为参数，然后返回一个检查函数，判断传入的对象是否为指定类型。例如： ```javascript ...

2021-07-19 深浅拷贝的区别以及实现深拷贝的几种方法,Object.assign()是什么拷贝,自定义递归深拷贝函数的封装

GAARA

07-19

369

深拷贝&浅拷贝以及实现深拷贝的四种方法:补:遍历和… //浅拷贝 var obj1 = { age: 18 }; var obj2 = obj1; obj2.age = 20; console.log(obj1.age); //深拷贝 //1.Object_assign //1.1.Object.assign用法1:(三个)错误格式:object_assgin var obj3 = { num2: 2, num3: 4 };

一个友好的.改善的 Object.prototype.toString的实现

10-30

一个友好的.改善的 Object.prototype.toString的实现

用Object.prototype.toString.call(obj)检测对象类型原因分析

12-10

这是一个十分常见的问题，用 typeof 是否能准确判断一个对象变量，答案是否定的，null 的结果也是 object，Array 的结果也是 object，有时候我们需要的是 “纯粹” 的 object 对象。如何避免呢？比较好的方式是： console.log(Object.prototype.toString.call(obj) === "[object Object]"); 使用以上方式可以很好的区分各种类型：（无法区分自定义对象类型，自定义类型可以采用instanceof区分） console.log(Object.prototype.toString.call("jerry"

通过Object.prototype.toString.call() 对数据类型检测进行封装

人生如梦

03-28

1122

var type = function (o){ var s = Object.prototype.toString.call(o); return s.match(/\[object (.*?)\]/)[1].toLowerCase(); }; ['Null', 'Undefined', 'Object', 'Array', 'String', 'Number', 'Boo...

封装Object.prototype.toString.call（） replace $1$2....使用

weixin_38300263的博客

10-12

342

replace $1$2... 使用封装Object.prototype.toString.call（）

利用Object.prototype.toString.call()来进行类型检验

weixin_33847182的博客

08-15

266

一、apply与call的区别相同点：“可以让一个对象调用另一个对象的方法”不同点： apply最多只能传入两个参数，第一个为对象，第二个为数组 call能传入多个参数，第一个为对象，其后为n个参数列表实际上，apply和call实现的功能是一样的，只是传入的参数不同而已。示例: function add(a,b){ ret...

浅谈Object.prototype.toString.call()方法

weixin_43714543的博客

09-08

233

在JavaScript里使用typeof判断数据类型，只能区分基本类型，即：number、string、undefined、boolean、object。对于null、array、function、object来说，使用typeof都会统一返回object字符串。要想区分对象、数组、函数、单纯使用typeof是不行的。在JS中，可以通过Object.prototype.toString方法，判断某个对象之属于哪种内置类型。分为null、string、boolean、number、undefined、a

为 Array 对象添加一个去除重复项的方法

weixin_30751947的博客

09-04

135

题目描述为 Array 对象添加一个去除重复项的方法输入例子: [false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a', NaN].uniq() 输出例子: [false, true, undefined, null, NaN, 0, 1, {}, {}, 'a'] Array.prototype.uniq...

Object.prototype.toString.call()的原理

fang_my的博客

06-19

7429

今天在项目中看到了用这个方法封装的检测数据类型的工具。但是浏览器搜索相关原理的好回答凤毛麟角，故而想记录一下，万一可以帮助到更多的新手呢？我的文章都是非常通俗易懂的，因为我写文章的时候，都是根据一个前提，假如我是刚开始学习js的新手，别人如果这样讲解这个知识点，那么我也能听懂。我不喜欢那种用专业术语去解释一个知识点凸显自己水平高超的文章，所以我通常采用费曼学习法的方式去记录这些知识点。喜欢的话可以看看我其它文章，对新人极度友好的哟～😊1.我相信大多数人对这个方法有一个误区，包括我，在刚开始学JS的时候，容.

curl get请求传递参数_传递post请求参数

weixin_39949386的博客

11-23

2621

传递post请求参数需要设置请求报文的报文头信息xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');get中params拼接到请求地址后，post中params放到send方法中。04.html<app.jsconst 网址输入：localhost:3000/04.html输出的响应数据post...