javascript-从toString方法在判断复杂数据类型上的妙用,引伸到对原型链的理解

关于 toString 方法在有关js的开发中使用应该是至关普遍的,这两天在看jQuery的源码,从 toString 自己了解与巩固了很多知识,写出来与你们一同分享。
首先先上一段代码:javascript

var arr=[1,2,3];
toString.call(arr);

来看一下效果:
图片描述java

众所周知,判断数据类型,咱们大多会使用typeof操做符,可是typeof操做符只能判断基本数据类型,对于复杂的数据类型一概返回object,而使用toString方法在这里能够作一个很好的补充。spa

问:为何要使用toString.call(arr),而不能直接使用arr.toString()
再上一段代码:prototype

var arr=[1,2,3];
toString.call(arr);
arr.toString();

来看一下效果:
图片描述code

很明显直接使用toString,得不到咱们想要的效果,博主第一次看到这个结果时也是一脸懵逼。对象

其实,这里面就涉及到js原型及原型链的相关知识
再上一段代码:继承

var arr=[1,2,3];
Object.prototype.toString.call(arr);
Array.prototype.toString.call(arr);

来看一下效果:
图片描述图片

看到这里你们都应该明白了,其实只有Object.prototype上的toString才能用来进行复杂数据类型的判断。ip

简单解释一些原型链的概念:
咱们都知道js中的对象都继承自Object,因此当咱们在某个对象上调用一个方法时,会先在该对象上进行查找,若是没找到则会进入对象的原型(也就是.prototype)进行查找,若是没找到,一样的也会进入对象原型的原型进行查找,直到找到或者进入原型链的顶端Object.prototype才会中止。原型链

因此,当咱们使用arr.toString()时,不能进行复杂数据类型的判断,由于它调用的是Array.prototype.toString,虽然Array也继承自Object,但js在Array.prototype上重写了toString,而咱们经过toString.call(arr)其实是经过原型链调用了Object.prototype.toString

相关文章
相关标签/搜索