JavaScript中不同对象的toString方法解析

toString方法解析

刚开始使用toString方法时就会很疑惑,例如下图

经常能看到一些判断数据类型的代码里会使用toString.call(…),似乎js里任何对象都有toString方法,并且返回值都不相同.下面的内容从应用层面捋一下.

js是一种基于原型的语言,当调用对象的一个方法时,如果该对象没有此方法,则会一直顺着原型链向上查找,直到Object对象为止,如果还是没有就会报错.例如:

function Person(name) {
    this.name = name
}

let xiaoMing = new Person('xiaoMing')

xiaoMing.toString()  // "[object Object]"
xiaoMing.name.toString() // "xiaoMing"
xiaoMing.toString === Object.prototype.toString  // true
xiaoMing.name.toString === Object.prototype.toString // false
xiaoMing.name.toString === String.prototype.toString // true

调用xiaoMing.toString()方法时,person构造函数的prototype本身并没有此方法,就会向它的上一级Object对象查找,所以返回值为"[object Object]".
xiaoMing.name是一个字符串类型的值,它调用toString方法时,向上先找到String对象,String对象虽然也是继承自Object对象，但由于String对象重写了toString方法,所以返回值为"xiaoMing".
也就是说对象会优先使用自身原型链上级最近的方法,找到以后就不再往上查找.

---

可以看到直接调用toString方法其实就是在调用Object原型上的toString方法.所以直接执行toString()会返回"[object undefined]".
但window对象并不是继承自Object对象,而是浏览器环境下的顶级对象,具体怎么公用toString方法就不知道了.