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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值