js toString引起的__proto__ 及prototype问题

这几天，当在看vue源码时，在其中有个版本中看见了一段判断是否为对象的代码：

export function isObject(obj) {
  return Object.prototype.toString.call(obj) === "[object Object]";
}

具体为何可以通过这种方式去判断是否为对象，可参考这里

在看到这个的时候，突然让我想起了toString方法，据我了解，toString是对数据的字符串转换，那么，我做了如下测试：

var a = {name: "object"};

a.toString() // "[object Object]"
a.__proto__.toString() // "[object Object]"
Object.toString() // "function Object() { [native code] }"
Object.prototype.toString(a) // "[object Object]"

var b = "12345";

b.toString() // "123456"
b.__proto__.toString() // ""
String.toString() // "function String() { [native code] }"
String.prototype.toString(b) // ""

var num = 15;

num.toString() // "15"
num.__proto__.toString() // "0"
Number.toString() // "function Number() { [native code] }"
Number.prototype.toString(num) // "0"

当看到以上三个测试代码时，让我一脸懵b，第一个在这里已经进行相应解释；但是对于第二个，为何b.proto.toString()及String.prototype.toString(b)返回都是空字符串呢？num.proto.toString()及Number.prototype.toString(num)返回都是“0”呢？

首先，要搞明白proto.toString()与prototype.toString()为何值一样就先需要搞明白，什么是proto 、prototype及其相关性如何，通过查阅资料，总结以下几条：
prototype与proto的关系就是：

1.proto是每个对象都有的一个属性，而prototype是函数才会有的属性。
2.你的proto来自你构造函数的prototype。
3.对象有属性proto,指向该对象的构造函数的原型对象。
4.函数除了有属性proto,还有属性prototype，prototype指向该方法的原型对象。

我们以字符串String举例对以上4条进行相关说明；都知道，String对象其实是一个函数，通过对String进行打印或进行toString可以看出

console.log(String);  //function String() { [native code] }
String.toString() // "function String() { [native code] }"

所以，对于String对象是有prototype属性, 因为String其实是一个函数；而实例化的字符串是没有prototype属性的，如：

var b = '12345';
b.prototype // undefined

但是实例化字符串是有proto属性，来自你构造函数(String)的prototype，即:

var b = '12345';
b.__proto__ === String.prototype //true

var num = 15;
num.__proto__ === Number.prototype //true

所以，就可以解释上面三个测试中：

a.__proto__.toString() // "[object Object]"
Object.prototype.toString() // "[object Object]"

b.__proto__.toString() // ""
String.prototype.toString() // ""

num.__proto__.toString() // "0"
Number.prototype.toString(num) // "0"

那为何它们的值又是空字符串""与"0"呢？
要解决这个问题，首先得明白，toString方法作用；看这里解释是：“The toString() method returns a string representing the object.”；简单讲，也就是对相应数据的字符串转换；
那么，对于a.proto及String.prototype的值是什么呢？当我们去打印String.prototype 或 a.proto时，可以看出

image.png

最后有个

[[PrimitiveValue]]:""

就是原始值(primitive value)，即proto.toString 与 prototype.toString 均对<b>对应数据原始值(primitive value)的字符串转换</b>;

同理，当打印Number.prototype及num.proto时，结果为：

Paste_Image.png

num.__proto__.toString() // "0"
Number.prototype.toString(num) // "0"