Js 类型方面的神坑

你有没有遇见过本来好好的一个数组结果 typeof 出来是个 object 的情况，你有没有遇到过非要写个 typeof x === "undefined" 判断未赋值的情况...

人生呀，就是这么丰富多彩，喜怒无常！

（在此暂不探究 instanceof 判断类型 de 这种方法，因为博主是傻逼...觉得我写得不好可以看看 此文，关于 js 类型）

 

先来看几个好玩的

typeof new String("x");   // object
"x" == new String("x");   // true

明明一个是 object 一个是 string，怎么就 true 了。（一脸懵逼 ರ_ರ）

当然 === 的时候就是 false 了，所以周遭才会推荐使用 === 而不是 == 的说

 

[] == new Array();    // false
{} == new Object();   // false

等等，结果和类型都一样，怎么和上面的栗子又不一样了呢，（二脸懵逼 ರ_ರ）

 

神奇的 undefined 要来了...

var x;                       // undefined
typeof x;                    // "undefined"
x == null;                   // true
y; y == undefined; y == null // 报错
typeof y;                    // "undefined"
var a = undefined;
typeof a;                    // "undefined"

基本可以总结为，1. typeof 出来的是个字符串； 2. 未赋值的变量是可以 == null 的（当然 === 不行）； 3. 未定义的变量会报错，但 typeof 该变量显示 "undefined"。

这样来看，那就很模糊了，特别是在我需要知道它是未定义（那就 var 一个），还是未赋值（如果 var 了那就麻烦大了）。所以咱还是先把所有变量提前定义好吧，别无它法。

 

还有一个神奇的 null...

var x = null;
x == undefined;            // true
typeof x;                  // "object"

同样的，null == undefined 可以（=== 不行）；typeof null 却是个 "object"。（百脸懵逼 ರ_ರ）

 

------------------------------------------------------------------------------------------------------------------------  分割线

骚年，你渴望力量吗，来试下公司老大哥写的这种方法吧

function TypeOf(obj) {
    if (obj == undefined) { return "undefined"; }
    var r = ["Object","Array","Function","String","Number","Boolean","RegExp","Date","Error"];
    for(var i in r) {
        if (!(obj.constructor.toString().indexOf(r[i]) < 0)) return r[i].toLowerCase();
    }
}

虽然不能区分 null 和 undefined，但这样我已经知足了，毕竟真要区分了其实反而麻烦了，

倒是可以在 obj == "undefined" 的判断中再加上一条 obj === void 0 来确定这是 undefined 而不是 null。

上述程序的具体使用，你试试就知道了。

 

此外，插播一个我没搞懂的问题

function typeOf(obj) {
    if (obj == undefined) {return "undefined";}
    if (!(obj.constructor.toString().indexOf("Object") < 0)) {
        return "object";
    } else if (!(obj.constructor.toString().indexOf("Array") < 0)) {
        return "array";
    } else if (!(obj.constructor.toString().indexOf("Function") < 0)) {
        return "function";
    } else if (!(obj.constructor.toString().indexOf("String") < 0)) {
        return "string";
    } else if (!(obj.constructor.toString().indexOf("Number") < 0)) {
        return "number";
    } else if (!(obj.constructor.toString().indexOf("Boolean") < 0)) {
        return "boolean";
    } else if (!(obj.constructor.toString().indexOf("RegExp") < 0)) {
        return "regexp";
    } else if (!(obj.constructor.toString().indexOf("Date") < 0)) {
        return "date";
    } else if (!(obj.constructor.toString().indexOf("Function") < 0)) {
        return "function";
    }
}

测试性能发现，后者比前者还要慢很多，表示不太明白，理论上前者比后者还多一个循环呀，还请各位大神指教