JS数据类型检测

在强类型语言，数组类型检测是非常容易的事情(typeof就可以解决)，而在弱语言JS数据类型就很容易混淆了。

JS中常见的数据类型有：number、string、boolean、undefined、function、array、Object和null。下面先用typeof来测试下：

var k = 9;
console.log(typeof k);  //number

检测number可以用typeof来检测了。

var k = "string";
console.log(typeof k);  //string

检测string可以用typeof来检测了。

var k = true;
console.log(typeof k);   //Boolean

检测boolean可以用typeof来检测了。

var u;
console.log(typeof u);  //undefined

检测undefined也可以用typeof来检测。

var f = function(){};
console.log(typeof f);   //function

function 也可以用typeof来检测。

var t = null;
console.log(typeof t);   //object
var array = [];
console.log(typeof array); //object
var obj = {};
console.log(typeof obj);    //object

用typeof来检测null，array和object检测的都是object。看来需要对这三种数据结构进行特殊处理。

function type(o){
     return (o === null) ? "null": (typeof o)  
}

先对null进行特殊处理，在看看array和object有没有其它属性来判断。

var array = [];
var toString = Object.prototype.toString;
console.log(toString.apply(array)); //[object Array]

var obj = {}; 
console.log(toString.apply(obj));//[object Object]

OK，通过检测其它数据类型：regexp和date也可以通过这种方式来检测：

var regex = /^s+/; 
var toString = Object.prototype.toString;
console.log(toString.apply(regex));  //[object RegExp]
var date = new Date(); 
console.log(toString.apply(date));  //[object Date]

最后，我们来写一个通用的函数来对JS数据类型检测：

function typeOf(e){
    var _toString = Object.prototype.toString;
    var _type = {
        "undefined":"undefined",
        "number":"number",
        "boolean":"boolean",
        "string":"string",
        "function":"function",
        "[object RegExp]":"regex",
        "[object Array]":"array",
        "[object Date]":"date"
    }
    return _type[typeof  e] || _type[_toString.call(e)] ||(e? "object":"null");
}

我在zepto.js中看到另外一些检测数据类型的方式,可以参考：

var toString = ({}).toString; //挺巧妙的。 
function isFunction(value) { 
   return toString.call(value) == "[object Function]" 
}
// value通过对象字面量定义的对象，或者通过new定义的对象isObject(value)都为true
function isObject(value) { 
    return value instanceof Object 
}
//对于通过字面量定义的对象，new定义的实例对象为false
//new Object时传参数的构造函数的原型链没有isPrototypeOf属性，而构造函数的原型链的__proto__对象有。
function isPlainObject(value) {
    var key, ctor
    //如果不是object类型返回false。
    if (toString.call(value) !== "[object Object]") return false 
    //获得该对象原型链中的属性或者对象，如果是对象自面量，那么isFunction(value.constructor)是为true,是构造函数定义则为true,不管是false,还是true
    //value.constructor.prototype都返回对象，即ctor为一个对象，并且该对象没有isPrototypeOf属性！
    ctor = (isFunction(value.constructor) && value.constructor.prototype)   //true
    //解释一下：isPrototypeOf：如果对象 A 存在于 对象obj的原形链中，则 A.isPrototypeOf(obj)返回true，而obj必定继承了A 的属性
    //!ctor为false,查看ctor是否有'isPrototypeof'属性值，如果不存在isPrototypeOf属性，并且ctor为false,则不是对象。
   if (!ctor || !hasOwnProperty.call(ctor, 'isPrototypeOf')) return false
    //如果value为{}，那么执行for (key in value)之后，key为最后一个元素,如果是通过Object.create来创建的，则key为undefined。
    //如果是构造函数构造的对象，key为原型链中的方法，即hasOwnProperty.call(value, key)为false,
    for (key in value);
    //可以确定{}返回为true,函数或者其他都返回为false;
    return key === undefined || hasOwnProperty.call(value, key);
}
function isArray(value) { 
    return value instanceof Array 
}
function likeArray(obj) {     //类数组，不是真正的数组，是对象，有一个成员类型“length”
    return typeof obj.length == 'number' 
}

 来看看一个特殊的例子：

console.log({}?"x":"y"); //"x"