Object.prototype.toString.call()方法及面试应用

今天面试遇到一个问题：
 “实现一个函数clone，可以对js中的5种主要的数据类型（包括number string object array Boolean）进行值复制“，大概一想，这不是考typeof吗？回来认真思考了一下，其实是在考察Object.prototype.toString.call()方法； 

JavaScript 里使用 typeof 来判断数据类型，只能区分基本类型，即 “number”，”string”，”undefined”，”boolean”，”object” 五种。对于数组、函数、对象来说，其关系复杂，若使用 typeof 都会统一返回 为object，这样为后续处理带来不便。关键函数方法 js原生方法Object.prototype.toString.call();它可以给出数据的确切类型，相比typeof要精确。

在解决这道面试题之前我们先回顾一下Object.prototype.toString.call()方法：

使用Object.prototype上的原生toString()方法判断数据类型，使用方法如下： Object.prototype.toString.call(value)                         
//1.判断基本类型：
 Object.prototype.toString.call(null);//”[object Null]”
 Object.prototype.toString.call(undefined);//”[object Undefined]”
 Object.prototype.toString.call(“abc”);//”[object String]”
 Object.prototype.toString.call(123);//”[object Number]”
 Object.prototype.toString.call(true);//”[object Boolean]”

//2.判断原生引用类型：
 //函数类型
  Function fn(){console.log(“test”);}
  Object.prototype.toString.call(fn);//”[object Function]”
 //日期类型
  var date = new Date();
  Object.prototype.toString.call(date);//”[object Date]”
// 数组类型
  var arr = [1,2,3];
  Object.prototype.toString.call(arr);//”[object Array]”
 //正则表达式
  var reg = /[hbc]at/gi;
  Object.prototype.toString.call(arr);//”[object Array]”
 //自定义类型
  function Person(name, age) {
      this.name = name;
      this.age = age;
  }
  var person = new Person("Rose", 18);
  Object.prototype.toString.call(arr); //”[object Object]”
 //很明显这种方法不能准确判断person是Person类的实例，而只能用instanceof 操作符来进行判断，如下所示：
 console.log(person instanceof Person);//输出结果为true

//3.判断原生JSON对象：                                                                                            
var isNativeJSON = window.JSON && Object.prototype.toString.call(JSON);
console.log(isNativeJSON);//输出结果为”[object JSON]”说明JSON是原生的，否则不是；
//注意：Object.prototype.toString()本身是允许被修改的，而我们目前所讨论的关于Object.prototype.toString()这个方法的应用都是假设toString()方法未被修改为前提的。  

大家可能会问，为什么不直接使用toString方法呢？查一下toString方法返回的是反应这个对象的字符串。
console.log("jerry".toString());//jerry
console.log((1).toString());//1
console.log([1,2].toString());//1,2
console.log(new Date().toString());//Wed Dec 21 2016 20:35:48 GMT+0800 (中国标准时间)
console.log(function(){}.toString());//function (){}
console.log(null.toString());//error
console.log(undefined.toString());//error
var a=new Number(12);
var toString=Object.prototype.toString;
console.log(toString.call(a)); //'[object Number]''
console.log(a.toString()); //'12'
因为toString为Object的原型方法，而Array，function等类型作为Object的实例，都重写了toString方法。不同的对象类型调用toString方法时，根据原型链的知识，调用的是对应的重写之后的toString方法（function类型返回内容为函数体的字符串，Array类型返回元素组成的字符串......），而不会去调用Object上原型toString方法（返回对象的具体类型），所以采用obj.toString()不能得到其对象类型，只能将obj转化为字符串类型；因此，在想要得到对象的具体类型时，应该调用Object上原型toString方法。我们可以验证一下，将数组的toString方法删除，看看会是什么结果：    
var arr=[1,2,3];
console.log(Array.prototype.hasOwnProperty("toString"));//true
console.log(arr.toString());//1,2,3
delete Array.prototype.toString;//delete操作符可以删除实例属性
console.log(Array.prototype.hasOwnProperty("toString"));//false
console.log(arr.toString());//"[object Array]"  
删除了Array的toString方法后，同样再采用arr.toString()方法调用时，不再有屏蔽Object原型方法的实例方法，因此沿着原型链，arr最后调用了Object的toString方法，返回了和Object.prototype.toString.call(arr)相同的结果。                                                                                               

最后这个面试题就很好理解了，实现代码如下：

[javascript]  view plain  copy

1. function getDataType(data){  
2.     var getType=Object.prototype.toString;  
3.     var myType=getType.call(data);//调用call方法判断类型，结果返回形如[object Function]  
4.     var typeName=myType.slice(8,-1);//[object Function],即取除了“[object ”的字符串。  
5.     var copyData='';//复制后的数据  
6.     //console.log(data+" is "+myType);  
7.     switch(typeName){  
8.         case 'Number': copyData=data-0;  
9.                 break;  
10.         case 'String': copyData="'"+data+"'";  
11.                 break;  
12.         case 'Function': copyData=data;  
13.                 break;  
14.         case 'Null': copyData=null;  
15.                 break;  
16.         case 'Undefined': copyData="Undefined";  
17.                 break;  
18.         case 'Array':   
19.                     copyData=[];//先将copyData变为空数组  
20.                     for(var i=0;i<data.length;i++){  
21.                         copyData[i]=data[i];//将data数组数据逐个写入copyData  
22.                     }  
23.                 break;  
24.         case 'Object':   
25.                     copyData={};//先将copyData变为空对象  
26.                     for(var x in data){  
27.                         copyData[x]=data[x];  
28.                     }  
29.                 break;  
30.         case 'Boolean': copyData=data;  
31.                 break;  
32.         default : copyData=data;  
33.                 break;  
34.     }  
35.     return copyData;  
36. }   
37. console.log(getDataType(123));  
38. console.log(getDataType("123"));  
39. console.log(getDataType(null));  
40. console.log(getDataType(undefined));  
41. console.log(getDataType(false));  
42. console.log(getDataType([1,2,4]));  
43. console.log(getDataType({"name":"wc"}));  
44. console.log(getDataType(function(){alert(23);}));  

运行结果