从零开始写类库（2）——对类型的判断

javascript的数据类型分为简单数据类型和复杂数据类型，他们分别为

• 简单类型：Undefined Null Boolean Number String
• 复杂类型：Object

复杂数据类型只有Object一种，实质上Object只是一组无序键值对，而对于Array，Function这些类型则都属于Object。
判断类型在javascript中使用typeof方法，当然是远远不够的，我们通过一些例子来证明：

// 输出类型方法
function getType(obj) {
    console.log(typeof obj)
}

// 判断各种变量
var a,
    b = null,
    c = undefined,
    d = document,
    e = /test/i,
    f = new Date(),
    g = function () {
    },
    h = [1, 2, 3],
    i = '',
    j = typeof document.all;
getType(a); // undefined
getType(b); // object
getType(c); // undefined
getType(d); // object
getType(e); // object
getType(f); // object
getType(g); // function
getType(h); // object
getType(i); // string
getType(j); // string

尼玛，确实不好用，很多类型就一个object就草草了事，并且因浏览器不同，typeof的结果也各不相同。不过没关系，我们还有instanceof，它是专门用来检测引用类型的，我们来改造一下getType：

var t = typeof obj,
    instanceArr = {
        Array: Array,
        Date: Date,
        RegExp: RegExp,
        Object: Object
    };
if (t != 'object') {
    console.log(t);
    return t;
}
for (var i in instanceArr) {
    if (obj instanceof instanceArr[i]) {
        console.log(i);
        return i;
    }
}
console.log('unknow');
return 'unknow';

再次判断

var a,
    b = null,
    c = undefined,
    d = document,
    e = /test/i,
    f = new Date(),
    g = function () {
    },
    h = [1, 2, 3],
    i = '',
    j = typeof document.all;
getType(a); // undefined
getType(b); // unknow
getType(c); // undefined
getType(d); // Object
getType(e); // RegExp
getType(f); // Date
getType(g); // function
getType(h); // Array
getType(i); // string
getType(j); // string

通过改造后，我们发现数组类型，日期类型以及正则表达式类型，已经判断出来了，现在只剩下null，文档对象判断不正确了。
修复一下null类型的判断：

// 在getType方法中加上
if (t!= 'undefined' && obj == null) {
    console.log('Null');
    return 'Null';
}

因为undefind和null类型与null使用双等号进行比较，返回值均为true，所以要对undefined进行单独判断，当然也可以使用‘===‘直接进行判断，这样只剩下文档对象相关的对象判断了。

判断dom节点很简单，因为每个dom节点都实现了一个Node接口，并且每个节点都拥有一个nodeType属性，属性值为1-12，这样我们只需要判断nodeType节点值是否存在并且是否大于0就可以了。

// 以下语句放在判断对象为object后
if (obj.nodeType) {
    console.log('Node');
    return 'Node';
}

这里，我们已经可以通过该方法判断出日常的类型了，但还有几点缺陷：
1. 返回类型字符串大小写不统一，应当统一首字母大写
2. 一些类数组无法判断
3. window等BOM对象无法判断
4. 判断不一定准确，比如判断Node类型时，查询的nodeType属性，可以通过鸭子辨型攻破。

总结一下，javascript存在6种数据类型，5种基本类型和1种复杂类型，其中复杂数据类型包括Array，Function等引用类型。这种通过typeof和instanceof判断类型的方法，在普通场景下可以使用，但有局限性和不精确性。