获取对象类型的目的是什么?
- 我们能够根据不同的对象类型,来进行一些判断操作。
如何获取?
-
获取对象类型,实质上是获取创建该对象的构造函数的函数名;
-
每一个函数都有一个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]"。