封装函数为:
//返回传入值的数据类型 function GetValueType(val) { var type = typeof val // object需要使用Object.prototype.toString.call判断 if (type === 'object') { var typeStr = Object.prototype.toString.call(val) // 解析[object String] typeStr = typeStr.split(' ')[1] type = typeStr.substring(0, typeStr.length - 1) } return type }
原理解释如下:
JS中的typeof方法可以查看数据的类型,如下:
1 console.log(typeof 2); // number 2 console.log(typeof "2"); // string 3 console.log(typeof true); // boolean 4 console.log(typeof [2]); // object 5 console.log(typeof {name:2});// object 6 console.log(typeof function(){return 2});// function 7 console.log(typeof new Date());// object 8 console.log(typeof null); // object 9 console.log(typeof undefined);// undefined
但typeof只能区分数字、字符串、布尔值、方法及undefined,其他的对象、数组、日期、null等均为object,还是没能区分开,
我们可以利用Object.prototype.toString.call实现。
1 var getType = Object.prototype.toString; 2 var res = getType.call(2); 3 res = getType.call("2"); 4 res = getType.call(true); 5 res = getType.call([2]); 6 res = getType.call({name:2}); 7 res = getType.call(function(){}); 8 res = getType.call(new Date()); 9 res = getType.call(null); 10 res = getType.call(undefined);
输出结果依次为:
1 [object Number] 2 [object String] 3 [object Boolean] 4 [object Array] 5 [object Object] 6 [object Function] 7 [object Date] 8 [object Null] 9 [object Undefined]
这样就能具体区分JS中的数据类型了。
标签:getType,封装,res,object,数据类型,JS,call,typeof,console From: https://www.cnblogs.com/itjeff/p/17836926.html