8

关于 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


sivan_
521 声望14 粉丝