关于 toString
方法在有关js的开发中使用应该是相当广泛的,这两天在看jQuery的源码,从 toString
本身了解与巩固了不少知识,写出来与大家一同分享。
首先先上一段代码:
var arr=[1,2,3];
toString.call(arr);
来看一下效果:
众所周知,判断数据类型,我们大多会使用typeof
操作符,但是typeof
操作符只能判断基本数据类型,对于复杂的数据类型一律返回object
,而使用toString
方法在这里可以做一个很好的补充。
问:为什么要使用toString.call(arr)
,而不能直接使用arr.toString()
?
再上一段代码:
var arr=[1,2,3];
toString.call(arr);
arr.toString();
来看一下效果:
很明显直接使用toString
,得不到我们想要的效果,博主第一次看到这个结果时也是一脸懵逼。
其实,这里面就涉及到js原型及原型链的相关知识
再上一段代码:
var arr=[1,2,3];
Object.prototype.toString.call(arr);
Array.prototype.toString.call(arr);
来看一下效果:
看到这里大家都应该明白了,其实只有Object.prototype
上的toString
才能用来进行复杂数据类型的判断。
简单解释一些原型链的概念:
我们都知道js中的对象都继承自Object
,所以当我们在某个对象上调用一个方法时,会先在该对象上进行查找,如果没找到则会进入对象的原型(也就是.prototype
)进行查找,如果没找到,同样的也会进入对象原型的原型进行查找,直到找到或者进入原型链的顶端Object.prototype
才会停止。
所以,当我们使用arr.toString()
时,不能进行复杂数据类型的判断,因为它调用的是Array.prototype.toString
,虽然Array
也继承自Object
,但js在Array.prototype
上重写了toString
,而我们通过toString.call(arr)
实际上是通过原型链调用了Object.prototype.toString
。