首页 > 代码库 > javascript的toString深入探究

javascript的toString深入探究

2024-11-01 17:23:02   204人阅读

toString()方法是所有对象都有的一个方法,无论是字符串,数组,对象,都可以调用这个方法,但是,事实上,他们调用的并不是同一个函数哦! 看下面的代码:

var str = ‘123‘;console.log(Object.prototype.toString===str.toString);    //false
console.log(String.prototype.toString===str.toString);    //true
console.log(Object.prototype.toString.call(str));         //‘[object String]‘console.log(str.toString());                              //‘123‘

可以看到,这里的str.toString是调用了String.protype.toString方法,而不是Object.prototype.toString方法

再看下面这段代码:

var arr = [1,2,3];console.log(Object.prototype.toString===arr.toString);    //false
console.log(Array.prototype.toString===arr.toString);     //true
console.log(Object.prototype.toString.call(arr));         //‘[object Array]‘console.log(arr.toString());                              //‘1,2,3‘

可以看到,这里的arr.toString是调用了Array.prototype.toString方法,而不是Object.prototype.toString方法

var obj = {name:‘bunny‘};console.log(Object.prototype.toString===obj.toString);    //trueconsole.log(Object.prototype.toString.call(obj));         //‘[object Object]‘console.log(obj.toString());                              //‘[object Object]‘

可以看到,对于obj来说,它调用的toString方法就是Object.prototype.toString方法.

同样,数值类型,还有函数,都类似于这样...就不再举例了...

另外,null没有toString方法:

var nu = null;console.log(nu.toString);   //报错

但是它可以调用其它的toString方法:

var nu=null;Object.prototype.toString.call(nu)   //‘[object Null]‘

所以我们可以知道,在Array的原型,String的原型上,以及Number的原型,Function的原型上,都有自己的toString方法,不同类型的对象,会调用不同的toString方法,而不会去调用Object.prototype.toString.

当时,我们可以通过call函数来调用Object.prototype.toString函数,用这个方法,可以精确的获取对象的类型:

‘[object Object]‘
‘[object Array]‘
‘[object String]‘
‘[object Number]‘
‘[object Function]‘
‘[object Undefined]‘
‘[object Null]‘

 

比如一个判断对象是否为数组的函数:

  if(Array.isArray===undefined){    Array.isArray = function(obj){      return Object.prototype.toString.call(obj) === ‘[object Array]‘    }  }

 

javascript的toString深入探究


联系
我们