在JavaScript中如何获取一个对象的类型（包含自定义类型）？

获取对象类型的目的是什么？

• 我们能够根据不同的对象类型，来进行一些判断操作。

如何获取？

• 获取对象类型，实质上是获取创建该对象的构造函数的函数名；

• 每一个函数都有一个name属性，指向它的函数名（该方法在IE中不支持）

• 我们要想办法封装一个函数，来解决这个兼容性问题。

获取函数名的代码封装：

• 版本一:字符串操作

    function getFnName(fn){
        var s,start,end;
        s = (fn + "").replace("function", "|"); // 构造函数转换成字符串，并将function转换为'|"便于后续进行检索
        start = 2+s.indexOf( '|' );// 获取到开始位置
        end = s.indexOf('(');//获取到结束位置
        if ( start != -1 && end != -1 ) {
            return s.slice(start, end); // 返回函数名
        }
    };
    

• 版本二:正则表达式法

     function getFnName(fn){
        return /function (.+)\(/.exec(fn + "")[1];
    };
    

• 版本三：精简版

function getFnName(fn){
        return typeof fn !== 'function' ?
                undefined:
        fn.name ||
        /function (.+)\(/.exec(fn + '')[1];
    }

//思路：先判断传参是否为函数，然后判断这个函数是否存在name属性，不存在就执行咱们自定义的方法
    

• 测试代码

function Fn(){
        this.name = "PandaTsui";
    };
    // 把对象实例new Fn()的构造函数当做参数传进去
    var result = getObjType(new Fn());
    console.log(result);   // 输出Fn ,Fn便是构造函数名，也是对象的类型名；
   

• 可能有些朋友会说下面的方法更好，但是下面的方法并不能获取对象的真实类型。

  function getObjType(obj){
        return typeof obj !== 'object' ?
                undefined:
                Object.prototype.toString.call(obj)
    }
    
    // 测试
    function Fn(){
        this.name = "PandaTsui";
    };
    var result = getFnName((new Fn()).constructor);
    // 
    console.log(result);//我们期望它能输出"[object Fn]"；
    
    // 它的真实输出结果是"[object Object]"，因为该方法只能判断类型，不能获取名字，因此输出的结果并不是我们想要的"[object Fn]"。
    

第一次在这里写技术贴，如有错误的希望您能留言纠正，欢迎留言交流想法。

转载于:https://my.oschina.net/PandaTsui/blog/755406