Object.prototype.toString.call个人理解

刺骨的言语ヽ痛彻心扉 2024-05-23 18:49 25阅读 0赞

#### 文章目录 ####

*  这段代码的常见用处
 *   *  参考文献：
 *  拆分理解
 *   *  1、Object.prototype.toString
     *   *  小问题
         *  参考文献：
     *  2、call函数的作用
     *   *  参考文献
     *  3、继续深入一些（这部分内容是个人理解，没有明确文献支撑）

--------------------

## 这段代码的常见用处 ##

Object.prototype.toString.call()最经常用来判断js中某变量的类型。

有人说，typeof不行吗，的确，typeod可以用来判断部分的变量的类型，但是仅仅是部分罢了。  
**typeof 无法区别**`null`和`{“num”:1}`这两个变量值的类型，正确的类型应该是Null和Object，但是typeof对于它们的输出却都是：

![在这里插入图片描述][548b364f760b486689cd950dbf31848e.png]

因此，需要一个合适的工具来识别各类变量的变量类型，Object.prototype.toString.call()就是这样的一种工具。  
用法：`Object.prototype.toString.call(变量);`

实例：  
![在这里插入图片描述][dfbbbac74d0b4124bd853bda357958ee.png]

### 参考文献： ###

[为什么Object.prototype.toString.call()可以如此准确的判断对象类型？ - 掘金 (juejin.cn)][Object.prototype.toString.call_ - _ _juejin.cn]

关于如何js中如何判断一个变量所属类型的方法感兴趣的可以看下面的这两种方法：

[JavaScript 如何判断变量（数据）类型\_用来判断某个数据或变量-CSDN博客][JavaScript _-CSDN]  
[如何判断JS中一个变量是 string 类型 - 掘金 (juejin.cn)][JS_ string _ - _ _juejin.cn]

--------------------

## 拆分理解 ##

### 1、Object.prototype.toString ###

Object是函数，函数具备着prototype(原型)，通过这个**Object.prototype可以获取Object函数对应的原型对象**，原型对象具备的**toString()正好可以通过this指向当前这个对象**，继而**显示这个对象的类型**。

总所周知，所有的对象都是最初的原型都是Object的原型对象的，它们继承了来自Object的属性，自然也继承了toString这个方法。（这种继承和别的继承，有着一定的区别，这和js的原型链有关系。）

既然如此，那为什么**不直接使用每个对象各自的toString呢**？那是因为，这些**对象的toString都重写过**了。

如果使用字面量创建对象，例如：

let c={
        "num":1}

`这种对象的toString自然没有重写`，当然它也`没有直接拥有来自Object的toString函数`，需要我们`通过原型链寻找`：

![在这里插入图片描述][343b787a604b416fb7a20cac751b289b.png]

#### 小问题 ####

这里面倒是还有个小问题，我没弄懂。

函数是一种特殊的对象，Object.prototype的toString函数继承自Object，在我现有的知识看来Object.prototype.toString()和Object.toString()应该是同一函数，但是不知道是否在创建Object.prototype的过程中有无重写函数。  
但是可以知道的是，Object.toString.call()是无法使用的。

#### 参考文献： ####

[彻底理解JavaScript原型链（一）—\_\_proto\_\_的默认指向 - 简书 (jianshu.com)][JavaScript_proto_ - _ _jianshu.com]  
[JavaScript中，对象是函数吗？ - 知乎 (zhihu.com)][JavaScript_ - _ _zhihu.com]  
[https://www.jianshu.com/p/686b61c4a43d][JavaScript_proto_ - _ _jianshu.com]

--------------------

### 2、call函数的作用 ###

通过对象调用的call能够改变这个对象中的this，  
简单示例代码：

function sayHello() {
        
      console.log("Hello, " + this.name);
    }
    
    const person = {
        
      name: "John"
    };
    
    sayHello.call(person); // 输出: Hello, John

通过这部分的参考文献可以知道，apply函数也可以起到改变this的值，所以Object.prototype.toString.apply()也是可以的。

#### 参考文献 ####

[call（）与apply（）的作用与区别][call_apply]

--------------------

### 3、继续深入一些（这部分内容是个人理解，没有明确文献支撑） ###

Object.prototype.toString()会返回对应的字符串，那么为什么这个字符串具有call函数呢？

首先是，打入下列代码

let str="string"

这种字符串是基本类型String的字符串，原型是String构造函数对应的原型对象。

由于这种字符串本身不具备call函数的时候（就像前文的let c=\{“num”:1\}一样），会通过原型链先找到String.prototype（String这个函数对应的原型对象），发现它仍然没有call函数的时候，会继续通过原型链找到Object.prototype，找到call函数。  
![在这里插入图片描述][58ea8652ceb042cd8524c84f6b265a69.png]

--------------------

至此，结束。

`如果你觉得这篇文章写的不错，多多点赞~收藏吧！`

[548b364f760b486689cd950dbf31848e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/23/d3186c1340a8411faf196b4601ba9b70.png
[dfbbbac74d0b4124bd853bda357958ee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/23/21e76f78d8a44e6e85b7f1055791329d.png
[Object.prototype.toString.call_ - _ _juejin.cn]: https://juejin.cn/post/7116114617834668062
[JavaScript _-CSDN]: https://blog.csdn.net/weixin_41424247/article/details/83514153
[JS_ string _ - _ _juejin.cn]: https://juejin.cn/post/6844904079664087047
[343b787a604b416fb7a20cac751b289b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/23/1ee281cdf28a4986af51f43a4b721d33.png
[JavaScript_proto_ - _ _jianshu.com]: https://www.jianshu.com/p/686b61c4a43d
[JavaScript_ - _ _zhihu.com]: https://www.zhihu.com/question/61087062
[call_apply]: https://blog.csdn.net/mandyucan/article/details/80820139
[58ea8652ceb042cd8524c84f6b265a69.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/23/b78f89816d244826a0a31f1cb664cf4f.png